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 #1681843
Load More Buttons - Portfolio & Content Blocks
Closed

Comments

  •  1
    trustbuilt started the conversation

    The attachment shows two columns on my home page - one for a portfolio and one for Block 38.  I want to use Load More Buttons for both but I need some consistency between them from an aesthetic standpoint.  Also, we don't call Posts, "Posts" so I need the content block button to just say Load More.  

    I cannot find the option to change the text for the Load More buttons for content blocks.  Can you please point me to it.  Also, how do I change the height and length of the content block button so it looks more like the Portfolio button?

    Thank you.  

  •  2,700
    PenciDesign replied

    Hi,

    1/ Please change the text to the text you want to Customize > Quick Text Translation

    2/ To do that, please add more this code to Customize > Addinational CSS:

    .penci-ajax-more a.penci-portfolio-more-button, .penci-ajax-more a.penci-block-ajax-more-button, .penci-ajax-more .penci-portfolio-more-button, .penci-ajax-more .penci-block-ajax-more-button{ height: 40px; line-height: 42px; }
    

    Best Regards,

    PenciDesign

  •  1
    trustbuilt replied

    Thank you.  That worked - for the height.  Is there a way to shrink the width in on the Post Load More button?  It is currently so much wider than the Portfolio Load More.

    Also, where do I control the text size and font for the Load More button for Portfolio?  I see it for the content blocks in the specific content block setting but I cannot find where to adjust it for Portfolio.

    Thank you so much.

  •  2,700
    PenciDesign replied

    Hi,

    Please add more this code to Customize > Custom CSS to change it:

    .penci-portfolio-more-button .ajax-more-text{ font-size: 16px; }

    Best Regards,

    PenciDesign

  •  1
    trustbuilt replied

    Thank you.  I still am trying to shorten the width of the Load More button for content blocks - it is far wider (and far too wide) than the Portfolio button.  And can you please point me to where I adjust font style and weight for the Portfolio button?  Thank you.

  •  2,700
    PenciDesign replied

    Hi,

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

    .penci-ajax-more a.penci-portfolio-more-button, .penci-ajax-more a.penci-block-ajax-more-button, .penci-ajax-more .penci-portfolio-more-button, .penci-ajax-more .penci-block-ajax-more-button{ max-width: 180px; }
    .penci-portfolio-more-button .ajax-more-text{ font-size: 20px; font-weight: 600; }
    

    Change number 20 to value you want.


    Best Regards,

    PenciDesign

  •  1
    trustbuilt replied

    Thank you so much.  I'm really close to making them identical.  See attached screenshot.  The font style on the portfolio (left button) is just different than the one on the right which is from a content block.  The content block allowed me to customize the font for the Load More button (Montserrat; 600; 14).  I can't find where to change the font style to Montserrat for the Portfolio Load More button.  Can you please help me?

  •  2,700
    PenciDesign replied

    Hi,

    You can add more this code to Customize > Addinational CSS to do that:

    .penci-portfolio-more-button .ajax-more-text{ font-family: 'Montserrat', sans-serif; font-weight: 600; }
    

    Best Regards,

    PenciDesign

  •  1
    trustbuilt replied

    Thank you so much.