Your markup is technically correct with the exception of your first line of css. You need to remove the e before the .searchform declaration for it to accept those styles. The code below is working correctly (see demo here: https://codepen.io/raptorkraine/pen/eyJrJG) however if your input still doesn’t show rounded borders it might be that your styles … Read more
try editing the current css stlyes to this /* moves side block right */ .site::before { right: 0; } /* moves sideblock conent right*/ #secondary { float: right; } /* pushes body content left */ .site-content { margin-left: -221px; }
This is a common CSS problem. In your table, there are too many columns for the width to accommodate, so div.table is overflowing from its container. To fix, wrap div.table inside another div. Set the outer div to: width:100%; overflow:auto; div.table will now stay within the boundaries without breaking the right margin, but will need … Read more
It does this because you’ve told it to. li.active a means “all a tags that are descendants of li tags with the active class”, and submenus in WordPress are structured like this: <ul> <li> <a href=”#”></a> <ul> <li> <a href=”#”></a> </li> </ul> </li> </ul> So the li for any menu item with a submenu also … Read more
For those who have the same issue, I solved it by doing the following: Within Apparence -> Customize -> Blog Post Options -> uncheck “post Date” uncheck “post Author” These settings, removed the author and date from the post. Then, commenting the following line from single.php /*$cmsms_post_author_box = get_post_meta(get_the_ID(), ‘cmsms_post_author_box’, true);*/ And then, I’ve changed … Read more
Caching is usually an issue with the visitor’s browser. Sometimes they won’t get a change that you have made to a page. So a Ctrl+F5 will force a reload of everything. If you have enabled caching on the back-end (usually with a plugin), then you may need to rebuild the cache for that page. If … Read more
I don’t know how comfortable you are with development, but it is possible to do what I think you’re asking. Option 1: Customize the theme templates to apply a different class to the first item. Requires some WordPress templating and php know-how. Option 2: Use css pseudo classes to target the first image with that … Read more
This is more of an html question but, you’d have to write a theme, or at least a child theme. An absolutely terrible way to do this would be with tables … but, that’d probably be the easiest way. Something more like this would be sufficient: <div class=”row”>title 1, title 2</div> <div class=”row”>image 1, image … Read more
Are you creating your own theme? Or are you editing an existing theme? In either of the cases, I would advise you to learn more about CSS selectors and to learn how to use Chrome Dev Tools to inspect and change your CSS
First, move your headings into their sections, so your structure looks more like this: <main> <section> Heading Here Cards Here </section> <section> Heading Here Cards Here </section> </main> Then you can do this in a few different ways with CSS. The simplest way is to add a class to each section and then float the … Read more