Skip to content
Public Ticket #1206

Changing the image size (post image and content)

Conversation thread

PenciDesign replied

Staff Reply

Hi,

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

\
.penci-readmore-btn a { display: inline-block; padding: 7px 20px; border: 1px solid #eee; }

Best Regards,

PenciDesign

CandyCompany replied

Customer Reply

Thank you! Looks great now.

One more question, is there a way to customize 'read more' button?

Best regards,

PenciDesign replied

Staff Reply

Hi,

I fixed it help you. You can take a look again on your site.

Best Regards,

PenciDesign

CandyCompany replied

Customer Reply

Hi,


It seems that only a first few images are displayed correctly, if you scroll down and go to the next page the thumbnails are enlarged as they were before. Is there a way to correct this?

Thanks!

PenciDesign replied

Staff Reply

Hi,

Please send me:

- Your admin url

- Your admin account ( username and password  )

- Your hosting account.

I will take it a look to see what's problems.

Also, for posts title to capital letters, please replace the code I sent to this code:

\
.penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a { text-transform: uppercase; font-size: 16px; }

Best Regards,

PenciDesign

PenciDesign replied

Staff Reply

Hi,

Seem you did it wrong.

Please change number 390 to number 819 only - DON'T remove, change anything more.

Best Regards,

PenciDesign

PenciDesign replied

Staff Reply

Hi,

1/ Ok I understand it now.

To do that, please add more this code to Customize > Custom CSS:

\
@media only screen and (min-width: 1170px){\
.container { width: 1080px }\
.container.penci_sidebar #main{ padding-right: 150px; }\
}

Change value 1080 and 150 to value you want - if you want to change it.

2/ To add a thin line to divide each post, please add more this code to Customize > Custom CSS:

\
.penci-readmore-btn { padding-bottom: 40px; border-bottom: 1px solid #eee; }

3/ To change all posts titles to capital letters, please add more this code to Customize > Custom CSS:

\
.penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a{ text-transfrom: uppercase; font-size: 16px;  }

4/ To change the size for grid thumbnail to vertical, please do following steps:

a) Edit this code like on  this image.

b) Add more this code to Customize > Custom CSS:

\
.penci-image-holder:before{ padding-top: 140%;  }

c) Install & activate plugin Regenerate Thumbnails, after installed this plugin, go to admin > Tools > Regen. Thumbnails > Click button "Regenerate All Thumbnails" and wait for it until it's done 100%

Best Regards,

PenciDesign

PenciDesign replied

Staff Reply

Hi,

Can you show me your site url to I can take it a look? And do you mean you want to make your posts content smaller ( has 600px width )?

Best Regards,

PenciDesign

CandyCompany started the conversation

Conversation Start

Hi,

 I’d like to change the size of the post picture to smaller ( 600 px wide ) and the rest of the post content accordingly.


Thanks in advance!

Want to join this conversation or access attachments? Sign in first.