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; }
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
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
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 …
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.
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
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 🙂
You were missing an element container_class Try this – <div id=”access” role=”navigation”> <?php wp_nav_menu( array ( ‘container_class’ => ‘menu-header’, ‘menu’ => ‘Main’ ) ); ?> </div><!– #access –>
I think you mean these class definitions in style.css: /* =Media queries ————————————————————– */ /* Minimum width of 600 pixels. */ @media screen and (min-width: 600px) { …cut… .site { margin: 0 auto; max-width: 960px; max-width: 68.571428571rem; overflow: hidden; } …cut… } /* Minimum width of 960 pixels. */ @media screen and (min-width: 960px) { … Read more
You can use media queries to change the styling per element depending upon specifications. You would have to add these to the bottom of your stylesheet, so that it overwrites your default styles depending upon the screensize This following media-queries template from bootstrap is only based on screen size. You can use more complex media-queries … Read more