Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 10, 2015 at 1:23 am #408559
    ShortieD

    Hi folks,

    I’m using the layout builder to make my Custom Post Types appear as feed

    see these pages

    http://sdtest.info/ntq/queens-wharf-stories/

    and
    http://sdtest.info/ntq/queens-wharf-places/

    The second link is the default way that the layout builder works – however when I create the first page with it http://sdtest.info/ntq/queens-wharf-stories/, you can see the layout is slightly different – the post title is centred and the image and excerpt are different sizes.

    Can you let me know what I need to fix it? I’ve included some login credentials so you can see below
    Cheers

    March 10, 2015 at 8:01 pm #409041
    Josue

    Hi!

    It’s because of the sidebar setting, the blog layout will display differently depending on this setting.

    Best regards,
    Josue

    March 17, 2015 at 6:49 am #412784
    ShortieD

    is there anyway to change this so that it’s the same?

    March 17, 2015 at 7:20 am #412788
    Josue

    Hi!

    Set the sidebar to show and add this to Quick CSS:

    .sidebar{
display: none !important;
}

    That way you’ll get the sidebar-enabled blog style but the sidebar won’t be displayed.

    Regards,
    Josue

    March 18, 2015 at 5:19 am #413378
    ShortieD

    that doesn’t do anything except remove the sidebar from pages that I want the sidebar on.

    I also tried targeting the specific page

    .page-id-46 .sidebar{
    display: none !important;
    }

    This didin’t work either. any other suggestions?

    March 18, 2015 at 5:39 am #413392
    Josue

    Hey!

    Check page 46, i added this to your style.css:

    .page-id-46 .container .av-content-small.units{
    width: 100%;
}

.page-id-46 .content .entry-content-wrapper{
    padding-right: 0;
}

    Regards,
    Josue

    March 18, 2015 at 5:41 am #413394
    ShortieD

    Hey I’m viewing this page which is page id 46 http://queenswharf.org/queens-wharf-stories/

    it doesn’t look any different?

    March 18, 2015 at 8:49 pm #413967
    Josue

    Hey!

    Seem you overwrote the modification i did in child style.css, but it doesn’t matter. The idea is to set the sidebar to show here so we get the desired blog styling and then simply add this to child style.css/Quick CSS:

    .page-id-46 .container .av-content-small.units{
    width: 100%;
}

.page-id-46 .content .entry-content-wrapper{
    padding-right: 0;
}

    If you do this right page 46 should look like this.

    Best regards,
    Josue

    March 19, 2015 at 2:20 am #414093
    ShortieD

    Tricky! – that seemed to work and still keep the full width at the bottom.
    What does this code do?

    However how do I target each post heading and line height so it looks the same as these pages http://queenswharf.org/queens-wharf-events/.

    cheers

    March 19, 2015 at 3:12 am #414115
    Josue

    Here you go:

    #top .flex_column .template-blog .post-title {
  font-size: 21px;
  line-height: 1.3em;
}

#top .flex_column .template-blog .post-meta-infos {
  margin-bottom: 0;
}

    Best regards,
    Josue

    March 19, 2015 at 3:25 am #414119
    ShortieD

    brilliant – thanks Josue…

    It would be great if this particular blog layout looked the same even the default layout even if you put your own sidebar next to it. Just something to put on the Enfold roadmap -doesn’t make sense that it looks different?

    Thanks again for helping with this one.

    March 19, 2015 at 3:49 am #414126
    Josue

    The thing is, an ALB-built sidebar is not really a sidebar for Enfold / WP so the “no-sidebar” layout gets displayed. Perhaps something can be added to the Theme Options, if you have any idea feel free to request it here as a new feature.

    Best regards, 
    Josue

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.