Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1325373

    To whom it may concern,

    I am using and advanced builder for the blog layout.

    How can I display all blogs within the blogs archive page to a light gray background (#f8f8f8) hand have the columns in white, similar to the below

    View post on imgur.com

    #1325458

    Hi,

    Thanks for contacting us!

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
    #top article.flex_column {
        background-color: #f8f8f8;
        padding: 20px;
    }
    

    Cheers!
    Yigit

    #1325522
    This reply has been marked as private.
    #1325523

    Also how can I reduce the height of the gray area please?

    #1325527
    This reply has been marked as private.
    #1325528
    This reply has been marked as private.
    #1325697

    reminder :D

    #1325709

    Hi,

    I edited following code in Appearance > Customize > Additional CSS

    /*Align the read more button on the blogs archive page*/
    #top .avia-content-slider .read-more-link
    {
      position: absolute;
      top: auto;
      bottom: 120px;
      left: 0;
      right: auto;
    }

    and changed it to following one

    /*Align the read more button on the blogs archive page*/
    #top .avia-content-slider .read-more-link
    {
      position: absolute;
      top: auto;
      bottom: 20px;
      left: 0;
      right: auto;
    }

    Then added following code right below it

    .avia-content-slider .slide-entry-excerpt {
        height: auto;
    }
    

    Please review your website :)

    Best regards,
    Yigit

    #1325731

    Thank you so much :D

    #1325734

    Hi,

    You are welcome! Let us know if you have any other questions and enjoy the rest of your day :)

    Best regards,
    Yigit

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Blogs Archive Page design’ is closed to new replies.