Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 6, 2015 at 2:50 pm #531453
    stedia

    I would like to reuse the layout of the blog post on my Archive Category page. Here the selected blog items are displayed with the featured image to the left and the text to the right. See example: https://screencloud.net/v/7DuK

    When I create a blog Post – I do get the featured Images small or big above the text and not to the left. And I like the connected line that goes from one item to the next item
    See https://screencloud.net/v/7DuK

    Is there a way to get the layout from the default archive page also on a other page?

    November 6, 2015 at 3:45 pm #531473
    Elliott

    Hey stedia!

    Give your blog page a sidebar and it will display like the archives. If you do not want to display the sidebar on the blog page then drag a codeblock element to the page and add this inside.

    <style type = "text/css">
aside { display: none !important; }
</style>

    Regards,
    Elliott

    November 9, 2015 at 4:44 pm #532724
    stedia

    I have applied this now for the page http://scheer-nederland.nl.185-21-241-26.kbitehosting.nl/scheer-nederland/vacatures/

    I do get the same nice structure as I’m getting on my Archive pages.
    But I still have an empty sidebar. For my other pages I’m using the layout elements (3/4)(1/4).

    Is there no option to combine the presentation of the blog posts with the layout elements?

    November 10, 2015 at 5:03 pm #533455
    Elliott

    Hey!

    I’m sorry but I do not understand. Take a new screenshot and highlight what your trying to do so we can get a better idea.

    Best regards,
    Elliott

    November 11, 2015 at 2:17 pm #534013
    stedia

    I hope I’m able to make this more clear with the following Screenshots.

    In general, all my pages do not have a sidebar, as I layout the page with the layout elements

    Picture 1: https://screencloud.net/v/w2gG
    This page is created with Right Sidebar and specific Widget
    This is the blog-post-layout I would like to use in my pages.

    Picture 2: https://screencloud.net/v/kR09
    This page is created with layout elements and No Sidebar.
    Now I’m getting a different blogpost with the following setting wrt the blogpost
    ‘[av_blog blog_type='posts' categories='79' link='category' blog_style='single-small' columns='3' contents='excerpt' content_length='excerpt' preview_mode='custom' image_size='square' items='-1' offset='no_duplicates' paginate='no' custom_class='' orderby='' order='']‘

    Picture 3 https://screencloud.net/v/z0B4
    This is what I would like to achieve …
    Layout of the page based upon Layout Elements
    Blogpost equal to the make up as used for the Archive page.

    I hope this will work now

    November 11, 2015 at 6:47 pm #534319
    Elliott

    Hey!

    You can still use the 3/4 + 1/4 and custom widget area even if you set a right sidebar on the page and hide it with CSS (like I suggested in my first post).

    The other way to do it is to style the blog posts element when no sidebar is selected but that takes a lot more work.

    Go ahead and do what I suggested in the first post and let us know when your done so we can take a look.

    Best regards,
    Elliott

    November 12, 2015 at 10:57 am #534650
    stedia

    Almost there ….

    I have added the right sidebar to my page
    I have added the code block to my page
    See the results here: https://screencloud.net/v/5ac2

    You will see that below the content, that I have defined with the layout elements, I’m still getting two empty boxes below my content.

    I have tried a version where the code block is defined as first element and also as last element. No change in results.

    What is the trick to remove/hide the latest empty sections here?

    November 13, 2015 at 10:03 pm #535734
    Elliott

    Hey!

    I’m not seeing the two boxes on my end. Add the code back in so we can see it.

    You can also add this to the codeblock to make the main content span the full width of the page and remove the line separating content with sidebar.

    <style type = "text/css">
.container .av-content-small.units {
    width: 100%;
    border-right: 0px !important;
}
</style>

    Best regards,
    Elliott

    November 16, 2015 at 10:46 am #536415
    stedia

    Elliot,

    The code was still there!
    – Layout is now as expected
    – Layout elements are working fine together with the Blog Layout

    The only strange thing is, that I’m getting empty boxes under my content and above the Footer.
    This looks like a empty container and sidebar.
    See the details here https://screencloud.net/v/5ac2

    November 17, 2015 at 6:53 pm #537576
    Elliott

    Hi!

    This is what I’m seeing. What operating system / browser are you using?

    Best regards,
    Elliott

    November 23, 2015 at 12:34 pm #540704
    stedia

    I’m using MAC OS / Safari or Chrome.

    I’m getting the sidebar still under my page.

    November 24, 2015 at 5:53 pm #541828
    Elliott

    Hey!

    Well that’s a different page and why are you using the widget area element instead of the regular sidebar? The reason the sidebar is displaying in the next section is because your using a color section element there. Whenever you use a fullwidth element such as a color section the sidebar will always display beneath it.

    For that specific page you can use this CSS to hide it.

    <style type = "text/css">
#after_section_2 { display: none !important; }
</style>

    Cheers!
    Elliott

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