Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 26, 2014 at 9:35 pm #309544
    cameron329

    Hello,

    I’ve recently tried to create some blog posts where I feature a set of 3 images on the left and some text blurbs on the right.

    The issue I’m having is that the Blog post is completely ignoring any code I attempt to manually enter, or create using the visual editor. For instance, I want to space paragraphs out, however the post always ignores all layout and spacing when I “Update” it. <“p”> <“div”>, they are all ignored for some reason. Its become very frustrating as the posts do not look how I want them to at all.

    Thanks for any help with this issue.

    • This topic was modified 10 years, 4 months ago by cameron329.
    August 28, 2014 at 12:15 am #310127
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .single-post .entry-content div {
    clear: both;
}

    Cheers! 
    Josue

    August 29, 2014 at 2:34 am #310745
    cameron329

    Hey Josue,
    Thanks for the code fix. Unfortunately it’s still not styling the way I’d like it to. I’m simply looking to do a standard paragraph break while keeping the text inline with the image. Think columns where 1/4 of the page on the left contains images and the 3/4 block on the right contains text. But they are always separate and formatted that way.

    Example:

    Image 1    |    Text Text Text
                     Text Text Text

    New Paragraph Text
    Image 1 Ends Text Text Text
    Text Text Text

    Image 2 | Text Text Text
    Text Text Text

    New Paragraph Text
    Image 2 Ends Text Text Text
    Text Text Text

    • This reply was modified 10 years, 3 months ago by cameron329.
    August 29, 2014 at 2:35 am #310747
    Josue

    Have you tried using Columns Shortcodes (1/2) via the Magic Wand tool?

    Cheers!
    Josue

    August 29, 2014 at 2:53 am #310750
    cameron329
    This reply has been marked as private.
    August 29, 2014 at 3:04 am #310752
    Josue

    Remove this code i previously suggested:

    .single-post .entry-content div {
clear: both; }
    August 29, 2014 at 3:06 am #310753
    cameron329

    Nailed it! Great work as always and thanks so much for bearing with me.

    August 29, 2014 at 3:07 am #310754
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Layout / Spacing Issues with Blog Posts’ is closed to new replies.