seem to have lost related posts

Hi bdbrown, working through your guidelines. Of course I have the problem that the widget are won’t become active because it is not allowed on the front page apart from sidebar. Does that matter?

It may appear to be inactive in the Customizer. You can remove the Locations and Contexts if you’re not using it anywhere else. Then you should be able to add widgets to the sidebars in Appearance > Widgets.

Hi bdbrown. works fantastic. Thank you very much. I just need to add some space between the new widget area and the blog below.

If I wanted to also change the background of that widget area so I could have that strip effect I see on some websites. I imagine that I would do that in the styles.css but how do I identify the area?

add some space between the new widget area and the blog below.

If you only have one widget you could use this:

.home .content .widget {
   margin-bottom: 30px;
}

how do I identify the area?

Meaning what do you use to see the page structure and css in real-time? Or you’re using Developer Tools or Firebug and you just need to know which selector to use in your css? I don’t see the widget on the site link you posted above. Are you working on a test copy?

it was the selector I need to use.
I am working on a staging site
https://staging2.loveyogaanatomy.com/

working with the firefox developer edition. When you inspect the source and then select the style.css is it possible to have the file displayed in classic code way? With the way it is displaying for me it is one long line which makes it difficult to read.

firefox developer edition

Interesting. Hadn’t tried that before so downloaded it and loaded your site. The inspect window looks the same as the standard FF; html DOM on the left and css on the right. Not sure what you mean by “one long line”.

yes I see that now, I had accessed the file by selecting tools> page source and then selecting the style.css file.
The reason I keep messing here is because I am having a real trouble getting changes to the style.css file showing in the browser. I have cleared both supercasher and cloudflare cashes and browser cache and it still seems that the original file is being used. Do you have a process that seems to work

Apart from the fact that I can’t seem to get the latest revision of the style.css to show in the browser, I am moving steadily toward the end but one thing is that the widgets are showing on subsequent log pages but I only want them on the first page. I’m can’t remember if that was the case and then I have messed it up or the code needs a jig.
If I was there I would make you a cup of tea ??

ok so if I had half a brain I would go a lot faster. I was clearing the permanent site version of the css file not the staging site. idiot!
So we now have 3 nice blog columns, but the widget area now is in two columns which is great but the widgets themselves are sitting underneath each other. Difficult to see because they are all images but I put half in one widget and half in the other. And yes still show on subsequent blog pages.

Not a big tea drinker but thanks for the offer ?? You must be working on it. I see changes in one browser but not the other. Now the site is down with an error in index.php.

the widgets themselves are sitting underneath each other.

Remove this css:

.widget {
    padding: 10px 10px 10px;
}

or change it to:

.widget {
    padding: 10px 0;
}

still show on subsequent blog pages.

which pages? I could only see them on the home page.

yes I am trying myself as well but of course its bollocks. I was messing with changing the position of the widget stuff in the index.php to see if I could make it just show of the first page like the featured posts slider does. Should work again now as I put it back again.

two columns now working well but right column a bit lower, can we line them up?
I have ultimate shortcodes plugin installed that lets me create columns do you think that would be a better way to go. Just have the widget areas under each other and just use columns if I want some widget stuff to be in columns?
When you click on the numbers at the bottom of the home page to see the next page of posts it shows again at the top. Yes not on other pages of the site

hmm if code doesn’t (ie. the columns) work is that because the plugin hasn’t been called at that stage. If so is there a way to call it earlier?
Or is it because it is in the widget area. I have also a plugin that gives me a visual editor to add to a widgitized area.