- This topic has 5 replies, 2 voices, and was last updated 8 years, 8 months ago by Mahesh.
-
AuthorPosts
-
January 18, 2016 at 3:35 am #83120shawnParticipant
Hi,
I’m using catch box pro, with the right-side bar layout.
1. I would like to move the right side bar a bit to the right, how do I do this? Here’s what I mean: http://i.imgur.com/9lZSveX.png
2. Next, I would like to increase the width of the post area (in both left and right direction). Here’s what I mean: http://i.imgur.com/IE3HRFG.png
3. Finally, with the post width increased, I would also like to reduce the padding on the left and right direction of the post area, so the letters are close to the border. Here’s what I mean: http://i.imgur.com/vxyRXuI.png
Can you show me what numbers/edits I need to change to accomplish this? Thanks.
January 18, 2016 at 11:40 am #83137MaheshParticipantHi @shawn,
For the above change, go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS:
#main { padding: 10px; } .homepage-feature { width: 300px; } #primary { width: 650px; } @media screen and (min-width: 991px) and (max-width: 1024px) { #primary { width: 610px; } .homepage-feature { width: 280px; } } @media screen and (min-width: 961px) and (max-width: 990px) { #primary { width: 560px; } .homepage-feature { width: 255px; } } @media screen and (max-width: 960px) { #primary { width: 698px; } .homepage-feature { width: 324px; } } @media screen and (max-width: 767px) { #primary { width: 100%; } .homepage-feature { width: 45.5%; } } @media screen and (max-width: 640px) { .homepage-feature { width: 100%; } } @media screen and (max-width: 320px) { #main { padding: 10px 0 0; } }
Regards,
MaheshJanuary 24, 2016 at 8:13 am #83568shawnParticipantThat worked perfectly @Mahesh – thank you!!
Now I just need to reduce the paddings to the left and right inside the post. As it is right now, the contents of the post along with post title, there’s a lot of space between that and the post border (to the left and right direction). I would like to reduce this, so the post title/contents go close to the border of the post. How do I do this?
January 25, 2016 at 11:50 am #83659MaheshParticipantHi @shawn,
Please add the following CSS in “Dashboard=> Appearance=> Theme Options=> Custom CSS” box.
#content article.post { padding: 10px 10px 30px; }
Regards,
MaheshJanuary 27, 2016 at 5:42 am #83838January 27, 2016 at 12:05 pm #83864MaheshParticipantHi @shawn,
Thank you for your appreciation.
Have a nice day!Regards,
Mahesh -
AuthorPosts
- The topic ‘increasing width of post content?’ is closed to new replies.