CSS - Read For Learn

How do I hide a specific div class inside ? [closed]

Also when I apply #hawaii-map as the class, nothing happens. If ‘hawaii-map’ is the class, try using: .hawaii-map { display: none; } The ‘#’ is for if it’s id=’hawaii-map, not class.

Responsive table on ios safari

I know it’s bad practice to use !important frequently but you could use it on any style that’s not showing just to check if your theme is overriding your code.

How to customize a theme’s navigation menu with css

WordPress automatically generates “current-menu-item” class to the menu of the current page you visit. So in this case, you can do something like- .current-menu-item ul.sub-menu { display: block !important; }

Parent style messing up with Bootstrap [closed]

input[type=”text”] is more specific than class selector .form-control so the bootstrap.min.css is not overwriting the css in style.css although the bootstrap.min is loaded after style.css. You have to add css with more or same specificity to overwrite. For selector input[type=”text”] you can add the properties of .form-control class in style.css

Custom font isn’t active on all PCs

There is an error in your CSS Declarations on your page. If you change the line 152 on your style.css from “font-family: Oz Handicraft;’ (and anyplace else you’re using it) to: h1 { font-family: Oz; } since in your code, you have this. @font-face{ font-family: Oz; src: url(“fonts/ozHandicraft.otf”); font-weight: normal; } you declare it as … Read more

Woocommerce align prices and texts [closed]

solution 1. why don’t you increase some width 4th image container .. solution 2. put one and tags after product name so it will create some space … but if your theme is mobile friendly then when you see on other monitors means on bigger than your monitors then it looks weird …

Strange symbols on page [closed]

That’s a font-awesome icon being added with a pseudo-element. Here’s the css that’s doing it: #sidebar ul:not(.social-widget) > li:before, article ul > li:before { content: “\f0da”; font-family: ‘FontAwesome’; display: inline-block; margin: 0 5px 10px 1px; opacity: 0.7; } Using: article .news-container ul > li:before{display:none} should get rid of it.

How to change header from full-width to box width

If you want to reduce the width of your header , you can do few different methods. If you use bootstrap, add class container to your header, which will add left and right padding to the element. Or you can add your own css. With the given url, I found that your header’s wrap class … Read more

Clear white line off page [closed]

In your theme customization (Appearance > Customize) add the following CSS to the CSS-section: .spb_parallax_asset { margin-top: 0; } It should do the trick. And if you wanna remove the remaining 1px of line – add this just below the code above: .spb_parallax_asset { border: 0; } Hope it’s what you’re looking for 🙂

+ More