Load More Buttons - Portfolio & Content Blocks

trustbuilt replied

8 years ago

Customer Reply

Thank you so much.

PenciDesign replied

8 years ago

Staff Reply

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

trustbuilt replied

8 years ago

Customer Reply

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?

PenciDesign replied

8 years ago

Staff Reply

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

trustbuilt replied

8 years ago

Customer Reply

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.

PenciDesign replied

8 years ago

Staff Reply

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

trustbuilt replied

8 years ago

Customer Reply

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.

PenciDesign replied

8 years ago

Staff Reply

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

trustbuilt started the conversation

8 years ago

Conversation Start

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.