[Resolved] Use blog layout from another layout

Home Forums Support [Resolved] Use blog layout from another layout

Home Forums Support Use blog layout from another layout

  • This topic has 13 replies, 4 voices, and was last updated 4 years ago by David.
Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1189155
    Tan

    I used Volumn layout in GP library. But I want to build my blog layout like Marketer layout in GP library without losing everything else. What can I do?
    GeneratePress 2.4.1

    #1189364
    David
    Staff
    Customer Support

    Hi there,

    do you have a link to the site where the Volume site is being displayed ?

    #1189543
    Tan

    Hi David,
    My blog: https://eladiy.com/blog/ and all archive pages.

    #1190202
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Most of it can be done in the Customizer.

    For example, you can set the featured image to the left in Customize > Layout > Blog.

    Then are you wanting to add a border/box shadow around each post?

    #1190232
    Tan

    Yes and I want to show sidebar layout like Marketer.
    I follow your guide but it doesn’t work. Layout doesn’t change.

    #1190241
    Leo
    Staff
    Customer Support
    #1190273
    Tan

    Thank you for your support!
    1. My feature image’s size is 1920:1005, I want to keep this ratio (191:1) to show on my blog. How could I do?
    2. I set the featured image to the left in Customize > Layout > Blog, but it doesn’t work. You can see here: http://bit.ly/2VZhXUb.
    3. Yes. I want to add a border/box shadow around each post. How could I do?

    #1190618
    David
    Staff
    Customer Support

    OK – DELETE this CSS in Customizer > Additional CSS:

    .blog .post-image, .archive .post-image, .search .post-image {
        margin: 0.5em 0 1em 0 !important;
    	float: none !important;
    }
    
    .blog .post-image img, .archive .post-image img, .search .post-image img {
        width: 100%;
        height: 250px;
        -o-object-fit: cover;
        object-fit: cover;
    }
    
    .entry-summary, .entry-meta {
        font-size: 0.75em;
        margin-top: 1em;
    }

    1 and 2 – change the Featured image size to a smaller value eg. Width = 200px, Height = Auto.
    Then the image should align left.

    3. For the border styling Marketer uses this CSS:

    body:not(.single) .inside-article,
    body:not(.single) .sidebar .widget {
        border: 1px solid rgba(232, 234, 237, 1);
        box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
    }
    #1190950
    Tan

    It worked! Thank you so much, David!
    I want to add background color to widget title (like Thrive themes blog sidebar). Could you help me?

    #1191016
    David
    Staff
    Customer Support

    Try this CSS:

    h2.widget-title {
        margin: -20px -15px 15px -15px;
        padding: 15px;
        background-color: #dddddd;
    }
    #1191370
    Tan

    Thank you, David! You’re genius!
    The last thing! I want to exclude box shadow effect in my single post. Can you show me?

    #1191662
    David
    Staff
    Customer Support

    Edited the CSS #3 here

    #1191734
    Tan

    Thank you so much, David! For the help.

    #1191749
    David
    Staff
    Customer Support

    Glad to be of help

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