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 #1414885
Changing the image size (post image and content)
Closed

Comments

  • CandyCompany started the conversation

    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!


  •  2,701
    PenciDesign replied

    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 replied privately
  •  2,701
    PenciDesign replied

    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

  •   CandyCompany replied privately
  •  2,701
    PenciDesign replied

    Hi,

    Seem you did it wrong.

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

    Best Regards,

    PenciDesign

  • CandyCompany replied

    Hi,

    I still was not able to hange the code (I tried to change only the number, nothing else - http://candycompany.pl/wp-content/uploads/2017/12/code-editing-err.jpg), I regenerated the thumbnails and now the website looks weird - images are enlarged

    http://candycompany.pl/

    How can I fixed this? 

    Also I was not able to change the post titles to capital letters, http://candycompany.pl/wp-content/uploads/2017/12/capital-letters.jpg

  •  2,701
    PenciDesign replied

    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

  •   CandyCompany replied privately
  •   PenciDesign replied privately
  • CandyCompany replied

    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!

  •  2,701
    PenciDesign replied

    Hi,

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

    Best Regards,

    PenciDesign

  • CandyCompany replied

    Thank you! Looks great now.

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

    Best regards,

  •  2,701
    PenciDesign replied

    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