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 #1301383
text alignment and menu (catagories)
Closed

Comments

  • amanda_iling started the conversation
    September 13, 2017 at 7:01am

    Hi, 2 questions:

    1.where do I adjust the title alignments (H1- H5) if i want to increase the line spacing? Also, I have removed the sidebar of my single posts, I would like to check how i can increase the white space on the left and right of my body text? 

    2.My menu is sorted to catagories and when i click on it the latest post in that category appears. It is possible to instead to view a summary thumbnails of all posts in that category? 


    thanks

  •  2,700
    PenciDesign replied
    September 13, 2017 at 8:42am

    Hi,

    1/ Do you want to increase line spacing of your heading titles or change the heading title alignments?

    a) If you want to increase line spacing of your heading titles on single post page, please add more this code to Customize > Custom CSS:

    .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5{ line-height: 1.5; }

    Change number 1.5 to value you want. Example:  1.4 or 1.6

    b) If you want to change the heading title alignments ( left, right, center ) - let's do that via your editor.

    c) To increase the white space on the left and right of my body text on your single post doesn't use sidebar, please add more this code to Customize > Custom CSS:

    .container-single #main{ max-width: 800px; margin-left: auto; margin-right: auto; }

    Change number 800 to the size you want.


    2/ You can make your category display 5 latest posts for preview.

    Please check this video tutorial to know how to do that.


    Best Regards,

    PenciDesign

  • amanda_iling replied
    September 13, 2017 at 9:51am

    Hi, thanks for the reply. 

    1/For the headings I actually I would like to increase the space above and below the title. 

    New questions: 

    2/could find out how to increase the line spacing in between the body text? 

    3/My gallery view for mobile always shows the last photo as smaller than the others even when the scale dimensions are the same. Can i check how to overcome this issue? thanks


  •  2,700
    PenciDesign replied
    September 13, 2017 at 9:55am

    Hi,

    2/ You can change it by add more this code to Customize > Custom CSS:

    .post-entry p{ line-height: 1.9; }

    Change 1.9 to value you want. Example: 2.0 or 2.1

    3/ Can you show me a link for your gallery?


    Best Regards,

    PenciDesign

  • amanda_iling replied
    September 13, 2017 at 10:01am

    Thanks the body text line spacing is sorted out! 

    This is a link to my gallery:

    http://www.projectsimplicity.sg/top-5-eczema-mamas-healthier-cooking-ingredients/

    This is how it looks like on my mobile

  •  2,700
    PenciDesign replied
    September 13, 2017 at 10:12am

    Hi,

    Please add more this code to Customize > Custom CSS to make it full width:

    @media (max-width: 480px){
.justified-gallery>a, .justified-gallery>a>img {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 0 5px 0 !important;
    }
}

    Best Regards,

    PenciDesign

  • amanda_iling replied
    September 13, 2017 at 10:50am

    Great thanks! So one last issue, how do I adjust the title spacing so it is not so near my last picture/body text etc(above and below the title?)

  •  2,700
    PenciDesign replied
    September 13, 2017 at 11:22am

    Hi,

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

    .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 { margin-top: 30px; margin-bottom: 20px; }

    Best Regards,

    PenciDesign

  • amanda_iling replied
    September 14, 2017 at 4:16am

    Hi, the gallery CSS code did not fix the problem. the code you gave me :

    @media (max-width: 480px){
.justified-gallery>a, .justified-gallery>a>img {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 5px 0 !important;
}
}

    After i added this code, the last photo of the justified gallery in mobile view gets chopped off. 

    pls advise thanks

  •  2,700
    PenciDesign replied
    September 14, 2017 at 4:24am

    Hi,

    Please try replace that code with this code to fixed it:

    @media (max-width: 480px){
.justified-gallery{ height: auto !important; }
.justified-gallery>a, .justified-gallery>a>img {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 5px 0 !important;
}
}

    Best Regards,

    PenciDesign