text alignment and menu (catagories)

PenciDesign replied

8 years ago

Staff Reply

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

amanda_iling replied

8 years ago

Customer Reply

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

PenciDesign replied

8 years ago

Staff Reply

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

8 years ago

Customer Reply

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?)

PenciDesign replied

8 years ago

Staff Reply

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

8 years ago

Customer Reply

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

PenciDesign replied

8 years ago

Staff Reply

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

8 years ago

Customer Reply

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

PenciDesign replied

8 years ago

Staff Reply

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 started the conversation

8 years ago

Conversation Start

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