philhoskins
KPCKevin Powell - Community
•Created by philhoskins on 8/31/2024 in #front-end
I was to have a dialog automatically show up over my hero section (i.e. announcement).
What's it called? And does Kevin have a video on it? Or maybe point me to some examples.
Thanks
Phil
5 replies
KPCKevin Powell - Community
•Created by philhoskins on 10/21/2023 in #front-end
.htaccess redirect question eliminate query string
I'm looking for some .htaccess expertise ... I have www.example.com/source/link and I want to redirect to www.example.com/target/page. In my .htaccess I have:
Redirect 301 /source/link https://example.com/target/page
what's happening is I getdirected to the following
https://example.com/target/page?source/link
How do I eliminate the query string from the redirect?
2 replies
KPCKevin Powell - Community
•Created by philhoskins on 8/11/2023 in #front-end
How to target a <select> 'placeholder'
I’m trying to figure out a <select> with placeholder CSS issue. I want something to say, select on of the following as a default for the drropdown but it's not a vailid option and disapears when a values is selected. I can make it work when the select is required but when it’s not required, it’s not (so my code isn’t really working).
I have:
<div class="formgroup ">
<label for="community_club" class="formlabel">Community Club Association</label>
<p class="formgroup--instruction">If your are volunteering on behalf of a community club obligation, please select that community club from the list below</p>
<select class="formselect" id="community_club" name="community_club">
<option value="" selected disabled hidden data-placeholder=true>Select ... (only if representing a community club)</option>
<option value="100 Mile Hospice " >100 Mile Hospice </option>
<option value="Canadian Mental Health Association" >Canadian Mental Health Association</option>
<option value="Cariboo Calico Quilters" >Cariboo Calico Quilters</option>
<option value="Gambling Support BC" >Gambling Support BC</option>
<option value="Invasive Species Council of BC" >Invasive Species Council of BC</option>
<option value="LLH Community Club" >LLH Community Club</option>
<option value="n/a">n/a</option>
</select>
</div>
I've tried several things to target the disabled hidden option such as:
.form__select option[data-placeholder="true"] {
color: red !important;
}
but no luck. If I make the select required it works.
9 replies
KPCKevin Powell - Community
•Created by philhoskins on 1/22/2023 in #front-end
Select Style a "Placeholder" Option
2 replies