html

Target parent element depending on class of child

I’m using the bootstrap multiselect library. I’m grouping options together and I want to style the group heading. The HTML ends up like: <div id=”status-dropdown”> <ul> <li> <label class=”multiselect-group”>Group 1</label> </li> <li class=”customDropdownUL”> <a href=”javascript:void(0);”> <label class=”checkbox”> <input type=”checkbox” value=”Option A”> Option A</label> </a> </li> <li> <label class=”multiselect-group”>Group 2</label> </li> <li class=”customDropdownUL”> <a href=”javascript:void(0);”> <label class=”checkbox”> <input type=”checkbox” value=”Option B”>Option…
Read more

google custom search engine: Requests without cx/cref are no longer supported

recently i started to get this error on sitesearch: “403. That’s an error. Your client does not have permission to get URL /cse?q=kakk&sitesearch=www.eoy.ee/hirundo from this server. (Client IP address: 217.71.47.178) Requests without cx/cref are no longer supported That’s all we know.” i couldn’t find any example about cx id form, i created cref specific form like here <form action=”https://cse.google.com/” id=”cref”>…
Read more

Is it possible to limit the maximum number of flexbox items that may be placed along its main axis?

I’m using CSS3 flexboxes to create a responsive layout, as shown in the snippet below. It works perfectly, except when all the items are capable of fitting within a single row (windows over 600px wide)—I would like for there to always be a minimum of two rows (or in other words, there must be no more than three items on…
Read more

Boostrap CSS accordion not collapsing on secondary pages

I’m using the Bootstrap Accordion Menu on my website and on the homepage it works perfectly but on any page except for the homepage, it simply doesn’t work, when I click a menu collapse link, the URL simply changes to #collapseOne. It may be of interest that I’m using this as a ContentHolder inside Business Catalyst. Here is the link…
Read more

How to add an extra class on element after Ajax load

I need to add a class on after an ajax load. I first give a few elements a class “ready” which initiate a css transition. When the link li#menu-item-318 a gets clicked it removes the ready class which then reverses the css transition and then loads a new html document. This is where Im stuck. On the Ajaxload I need…
Read more

responsive web design by using rem for layout base html fontsize vs. using media query?

I’ve found some mobile website doing responsive by using rem for layout, and using javascript to change html font-size for different screens size. and some mobile wesite doing responsive by using media qurey. which one is beter? ex: one way is: when iphone5 html base font-size is 18px cal by javascript,and set header 1.043rem, when iphone6 html base font-size is…
Read more

How can I "highlight" this CSS button when is clicked using CSS3 or JavaScript?

into an HTML page I have 2 buttons implemented by something like this: <!– Bottone relativo ai progetti WIFI: –> <a title=”WIFI” href=”javascript: void(0)” id=”showWifi_${item.index}” class=”showWifi”> <div class=”news_box news_box_01 hvr-underline-from-center ” style=”margin-right: 50px;”></div> </a> <!– Bottone relativo ai progetti PNSD: –> <a title=”PNSDe” href=”javascript: void(0)” id=”showPnsd_${item.index}” class=”showPnsd”> <div class=”news_box news_box_02 hvr-underline-from-center “></div> </a> And this is the related CSS that…
Read more

Change UL background when it is today

I have a simple course calendar and I want the day column to be different if it is that day of the week. E.G. if it is Wednesday, then the Wednesday column is different I have been playing around but to no avail and searching through the forums. And I have gotten to this point. I am open to any…
Read more

Make an image behind an image be clickable

I’m hoping that there’s a way to make an image that is stacked underneath another image be clickable while the front image is not. The front image is a semi-transparent png (think of a watermark or similar). The image behind is linked to an action. (This is not exactly what it does, so please no off-topic comments about this being…
Read more

youtube iframe appears only when mouseover

I have an iframe containing a youtube video, inside bootsrap’s modal. when opening the modal, the place of the iframe remains empty, and the video appears only when hovering with the mouse above it. Once appeared, the video stays there. Any idea why is this happening? attaching code of the modal, just in case: <div id=’Hanale_modal’ class=’modal fade autoModal’ role=’dialog’>…
Read more