Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2381357
Related posts slider
Closed

Comments

  • Nakita Fox started the conversation

    Hi there, I'm wanting to display my related posts in a slider like how they are here: http://soledad.pencidesign.com/soledad-dark-version/light-in-the-dark/

    However when I add the Soledad Related posts widget, they only display in a list format and there's no option to edit the style. I've searched through the customise panel and I can't find any way to change it there either. 

    Can you please help me with this? Thanks!

  •  2,699
    PenciDesign replied

    Hi,

    Please go to Posts > Add New > and add new your posts here.

    The related posts will be auto display on the slider if you have more than 4 related posts.


    Best Regards,

    PenciDesign

  •   Nakita Fox replied privately
  •  2,699
    PenciDesign replied

    Hi,

    It seems you did something from Elementor to override all elements from Single Post Template from the theme.

    Can you try create a new post - without use Elementor, and try it again?


    Best Regards,

    PenciDesign

  • Nakita Fox replied

    Yes that's right, I made a new template with elementor for all single posts - I stated that in the other ticket I had open, sorry for not including it here too!

    "I'm using the soledad template for the archive. But I've created a new template for my single posts, and that's where I'm having trouble making these small details the same as in the archive."

    I wanted to stylise the single post display more than what the customise section allows, and I was struggling with figuring out the custom CSS, so I thought it might be easier to just make a new single post template.

    I've now changed the conditions for the single post templates, so that this post - light in the dark - is displayed with the soledad theme template, and then this one - lorem ipsum - is displayed with my template that I've made.  

    If I kept the soledad theme template for my single posts, would it be possible to stylise the single post display to have the author box and previous/next post navigation elements in the same style that I have them in the Lorem Ipsum post?

    There are a couple of other small tweaks too...I'm going to have a few other authors contributing to this site, so I'd love to be able to include the author name in the previous/next post navigation, and on the related posts slider on the single post page. I'd also like to include the author name on the Penci featured slider that I have on my home page. Is this do-able?

    I'm so sorry for all the questions, thank you so much for your help!

  •  2,699
    PenciDesign replied

    Hi,

    Yes, when you use Elementor to override the Single Post Template - it will auto override to everything inside our template and make the related posts/comment/.... etc gone.

    For change the author box as you want, please try add more this code to Customize > Custom CSS:

    .post-author { max-width: 600px; margin-left: auto; margin-right: auto; position: relative; }
    .post-author .author-img img{ width: 48px; }
    .author-img{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; }
    .post-author .author-content { margin-left: 68px; text-align: center; }
    .author-content h5{ margin-bottom: 5px; }
    .post-author .author-content a{ color: #BF9F5A; text-transform: uppercase; letter-spacing: 3.3px; font-size: 24px; }
    .author-content p{ color: #7a7a7a; }
    .author-content .author-social{ margin-right: 25px; }

    For other things, currently this theme doesn't support for that features.

    We will consider to add more this feature in the future updates.


    Best Regards,

    PenciDesign

  • Nakita Fox replied

    Thank you so much, that worked great. 

    Is there any way to make the related posts slider full width, with no gap between each thumbnail?

  •  2,699
    PenciDesign replied

    Hi,

    Please try add more this code to Customize > Custom CSS to do that:

    .item-related{ margin: 0; }
    

    Best Regards,

    PenciDesign