Docs

[zendog22]

Hi guys, there are a few issues with my blog page that I’m hoping you can help with:
http://kentishandco.staging.wpengine.com/blog/

– I need to reduce the body font size on the main page and the single blog pages
– and reduce font in sidebar to same size as blog body size
– I’d like to change the word BLOG at the very top to something like updates and reduce that font
– I’d like to reduce the space between each blog excerpt
– I’d like to reduce the size of the headers
– The tag boxes are not aligned to the text (e.g. on blog excerpt 2 down). I’d like to align them.
– I’d like to remove the lines in the sidebar. Another support guy gave me this code to remove the boxes, which removed vertical but not the horizontal lines:
.widget ul, .widget ol {

border: none !important;

}

Thanks very much in advance. Hugely appreciated!

[zendog22]

Just an update on this. I have managed to reduce the body font size on the main page and the single blog pages.
– I still need to reduce font in sidebar to same size as blog body size
– I’d like to reduce the font size of the phrase WHAT’S NEW (formerly BLOG) at the very top
– I’d also like to add more space between the words WHAT’S NEW and the navigation bar.
– I’d like to reduce the space between each blog excerpt
– I’d like to reduce the size of the headers
– The tag boxes are not aligned to the text (e.g. on blog excerpt 2 down). I’d like to align them.
– I’d like to remove the lines in the sidebar. Another support guy gave me this code to remove the boxes, which removed vertical but not the horizontal lines:
.widget ul, .widget ol {

border: none !important;

}

Thanks very much in advance. Hugely appreciated!

[Rahul]

Hi, Please add the below codes (Change the value of font-size as needed) :

1. Custom CSS :

.x-sidebar {
  font-size:22px;
}

2. Custom CSS (Change the value of font-size as needed) :

.h-landmark span {
  font-size:50px;
}

3. Custom CSS (Change the value of padding-top as needed) :

.h-landmark {
  padding-top:30px;
}

4. Custom CSS (Change the padding value as needed)

.entry-wrap {
  padding:15px 60px 0;
}

5. Please decrease Navbar Top Height (px) in Appearance > Customize > Header.

6. Custom CSS :

`element.style {
float:left;
padding-right:20px;
}
.entry-footer a {
margin:-50px 0.615em 0 60px;
}

7. Add Custom CSS

.widget ul li, .widget ol li {

border-bottom-style:none !important;

}

Hope this helps.

Thanks!

[zendog22]

Hi, thanks so much for this. Amazing. The only thing is the custom tag boxes are now overlapping on the Read more text. And I’m not sure which code points to that. Please can you help update?

[Lely]

Hi There,

Please update this custom CSS:

.entry-footer a {
margin:-50px 0.615em 0 60px;
}

To this:

.entry-footer a {
    margin: 0.615em 0.615em 0 0;
}

Then also add this:

.entry-footer {
    margin-left: 40px;
}

Hope this helps.

[Author]

Posts