Docs

[rabbler]

Hi please look at

http://rabble.wpstagecoach.com/blog/

You can see that my blog content is not at the same width.

The first entry is to the right

The second is properly spaced.

Why is that? Id like both of them to be flush to their respective edges.

Thanks

[rabbler]

Oh and id also like to have far less space between the drop down and the main top menu

[rabbler]

http://rabble.wpstagecoach.com/blog/

[Joao]

Hi There,

I can see there is some CSS rules creating this.

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

[rabbler]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the information. I can see the issue and it is because of you custom css. Please find this css block:

.blog .x-main .hentry.has-post-thumbnail>.entry-wrap, .search .x-main .hentry.has-post-thumbnail>.entry-wrap, .archive .x-main .hentry.has-post-thumbnail>.entry-wrap {
    float: right;
    width: 66%;
    padding-left: 35px;
}

You will need to remove it and replace with this custom css code instead:

.blog .x-main .hentry>.entry-wrap, 
.search .x-main .hentry>.entry-wrap, 
.archive .x-main .hentry>.entry-wrap {
    float: right;
    width: 66%;
    padding-left: 35px;
}

Hope this helps. Please let us know how it goes.

[rabbler]

My css didnt have that first batch of code in it?

[rabbler]

Like Im looking in the CSS customise place, and its not in there?

[Lely]

Hi There,

I did check your CSS and I notice some syntax error.
Look for this part. It is missing it’s closing curly brace:

blockquote {
    margin: 1.5em 0;
    padding: 1em;
    border: 2px solid #e5e5e5;
    font-family: Average;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    color: #2c3e50;
   

Update to this:

blockquote {
    margin: 1.5em 0;
    padding: 1em;
    border: 2px solid #e5e5e5;
    font-family: Average;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    color: #2c3e50;
} /*Closing was added.*/
   

Remove this part:

  element.style {
}

Now for the original issue here, the left side blank space is for your feature image. But then you have hidden it using custom CSS. See this:http://screencast-o-matic.com/watch/cbVOoDQLej
This custom CSS hide that featured image:

.blog .entry-featured {
    display: none !important;
}

Please remove it. You do have featured image on the first one but the next post has none.

Hope this helps.

[rabbler]

Okay, thank you i see what you mean and I didnt realise there was a featured image over there.

I guess what I want is to have the blog page look like this on the live site.

http://www.rabble.ie/blog/

Just content left, side bar right.

No odd featured image on the side etc.

[Joao]

Hi There,

So Just remove the code previouly added

Just keep :

.blog .entry-featured {
    display: none !important;
}

Hope that helps

joao

[rabbler]

A lot of those posts on the blog still have featured images but are hugging close to the right with a column of white space.

I just want the blog at http://rabble.wpstagecoach.com/blog/

To look like the one at rabble.ie/blog

Where all the entries extend over to the edge of the logo on the left.

I dont think ye are getting me at all.

[Nabeel A]

Hi again,

Try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.blog .x-main .hentry.has-post-thumbnail>.entry-wrap, .search .x-main .hentry.has-post-thumbnail>.entry-wrap, .archive .x-main .hentry.has-post-thumbnail>.entry-wrap {
    float: left !important;
    width: 100% !important;
    padding-left: 0 !important;
}

Let us know how this goes!

[rabbler]

Okay, thanks a million for the support here. Awesome.

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts