Okay
  Public Ticket #3135310
Blog setup
Closed

Comments

  •  2
    sixways started the conversation
    September 29, 2022 at 7:29am

    Hi, I'm busy setting up my Blog page. When looking at your Salient Demo page there is a "Post Slider" option under the "Full Width Layouts", but when I'm trying to setup my Blog page I can't find the "Post Slider" option, the only options available to me are:

    - Classic
    - Classic Enhanced
    - Material
    - Meta Overlaid
    - Auto Masonry: Meta Overlaid Spaced

    This is how the Post Slider Blog displays:

    https://themenectar.com/salient/corporate/news/

    How do I set this up?

  •  2,958
    Andrew replied
    September 29, 2022 at 7:49am

    Hello there,

    Thank you for getting in touch and for using Salient.

    To achieve the slider functionality, please use the Recent Posts element and under settings on style select slider:

    8474924184.png

    Hope this helps.

    Thanks you.

  •  2
    sixways replied
    September 30, 2022 at 3:34am

    Thanks Andrew. I have some more issues with my Blog page: https://sixways.co.za/strategiq/insights/

    I used the full width Masonry w/no Sidebar and Classic Enhanced layout for my Blog Posts, but for some reason there is extra padding to the right of the last (4th) column. How do I remove this extra padding? It's only on the desktop and tablet layout not on the mobile layout. The layout is no off center.

     Is it possible to remove the rounded corners from the blog posts, as this doesn't fit in with the look of the rest of my site?

    Thank you

  •  1,877
    Judith replied
    September 30, 2022 at 4:55am

    Hi There,

    Please try this css:

    .blog-recent[data-style*=classic_enhanced] .inner-wrap, .masonry.classic_enhanced .masonry-blog-item .inner-wrap {
    border-radius: 0px;
}
.post-area.col_last.span_12 {
    padding-left: 0;
    float: none;
    margin-left: 10em !important;
}

    Thanks.

  •  2
    sixways replied
    September 30, 2022 at 9:25am

    Thanks Judith, the rounded corners are now gone, but the spacing of the layout did not work with your custom code.

    Please look at my attached screenshot, you'll see the left margin is much smaller than the right.

    The second screenshot is what the blog layout looks like with your custom code.

    Kind regards,

    Suzanne

  •  2,958
    Andrew replied
    September 30, 2022 at 10:49am

    Hi Again,

    Thank you for getting back to us.

    Please allow us to log in to your backend by sharing your website link, username and password so that we can assist you on the padding issues.

    Thank you.

  •   sixways replied privately
  •  1,877
    Judith replied
    September 30, 2022 at 12:57pm

    Hi There,

    Please try this css:

    .masonry-blog-item {
        width: 32.1%;
        padding-left: 37px;
    }

    Thanks.