CSS
Faster way to develop and test print stylesheets (avoid print preview every time)?
This is my process right now: Save changes to print.css Open browser and refresh page. Right-click and choose Print > Print Preview (Firefox, but any browser really) It’s step 3 that bugs me and I’m wondering if it’s possible to cut it out of the process with a plugin or something. Just choose to view … Read more
Style every second widget?
I need to apply a certain style to every second widget in my sidebar, and I’m reluctant to use :nth-child due to cross-browser compatibility issues. Is there a bit of PHP that will allow me to apply a class to every other widget? 3 Answers 3 Use the dynamic_sidebar_params filter. The following code adds classes … Read more
Removing ul indentation with CSS
I cannot seem to remove the indent from my unordered list when long lines in my list wrap around. Here is what my list looks like: Windows users can use putty Mac users can use the Terminal.app Linux users can use SSH [email protected] port 22 ………..>Or use an SFTP program like Cyberduck just point it … Read more
Changing the child element’s CSS when the parent is hovered
First of all, I’m assuming this is too complex for CSS3, but if there’s a solution in there somewhere, I’d love to go with that instead. The HTML is pretty straightforward. <div class=”parent”> <div class=”child”> Text Block 1 </div> </div> <div class=”parent”> <div class=”child”> Text Block 2 </div> </div> The child div is set to … Read more
simulate background-size:cover on or
How can I simulate the functionality of background-size:cover on an html element like <video> or <img>? I’d like it to work like background-size: cover; background-position: center center; 19 Answers 19
Background image jumps when address bar hides iOS/Android/Mobile Chrome
I’m currently developing a responsive site using Twitter Bootstrap. The site has a full screen background image across mobile/tablet/desktop. These images rotate and fade through each, using two divs. It’s nearly perfect, except one issue. Using iOS Safari, Android Browser or Chrome on Android the background jumps slightly when a user scrolls down the page … Read more
Is element block level or inline level?
I’ve read somewhere that <img> element behaves like both. If correct, could someone please explain with examples? 10 Answers 10
Best way to install Bulma (CSS Framework) with WordPress and Genesis
quick newbie question but the answer is nowhere to be found! I am building my site from the ground up on WordPress with Genesis and a child theme (Minimum Pro). I am interested in implementing the Bulma CSS Framework for its ease of use. I would like to do this as efficiently as possible in … Read more
Prevent scroll-bar from adding-up to the Width of page on Chrome
I have a small issue trying to keep my .html pages at a consistent width on Chrome, For example I have a page (1) with lots of contents that overflows the viewport’s (right word?) height, so there’s a vertical scroll-bar on that page (1). On page (2) i have the same layout (menus, divs,…etc) but … Read more