Increase font size on blog only

DaniaBikes · December 2016

Hello!

Is there a way to increase the font size on the blog only, but not on the content elsewhere? I'd like for my blogs to easy to read and have a good, strong size, but my regular content I like the size it is? That'd be amazing, thanks so much!

Albert · December 2016

Hey,

if you mean to change excerpt's size on the blog page, please send us link to page where you would like to do this first so we can have a look and give you best possible solution.

Thanks!

DaniaBikes · December 2016

Hello. No I mean the actual content of the blog text. I know how to increase the size of all text on the website, but I just want the blog post size to be increased, because I need it to be really big and easy to read. For instance https://www.daniabikes.com/stort-udvalg-af-giant-cykler/

Albert · December 2016

Looks like you mean to change single post content size and to do this, you need to use the following css:

.single-post #Content p { font-size: 20px !important; }

wickedwriter · December 2016

Thanks! This fixed my issue.

Albert · December 2016

You are welcome!

DaniaBikes · December 2016

You guys rock! That worked perfectly! My blog is easy to read now but the rest of my site has the same font size. AWESOME

Is there also a way to center the comment button on the blog? Mine is all the way to the right, or maybe make it fill the entire center box in width?

Albert · December 2016

To center comment button, please use the following css:

#respond .form-submit { text-align: center !important; }
#respond .form-submit input[type="submit"] { float: none !important; }

DaniaBikes · December 2016

You guys rock! THANKS SO MUCH

Albert · December 2016

You are welcome!

DaniaBikes · January 2017

One quick extra question guys, sorry. I did this and now it is perfect on my desktop, but bad on tablets/cellphones. Is it possible to keep the normal font size for mobiles/tablets or do something else there?

The text is so big now that it makes paragraphs all the time.

Albert · January 2017

To apply above css for desktop devices only, please wrap above code into right @media tag. For more details ab out @media, please visit http://www.w3schools.com/cssref/css3_pr_mediaquery.asp but all pre-defined tags you can find under responsive.css file.

DaniaBikes · January 2017

Hello! I am a little scared to add it without being certain. So this is the correct code?

@media only screen and (min-width: 1239px) {

.single-post #Content p { font-size: 17px !important; }

}

Albert · January 2017

There is no need to worry about anything. If you will do a wrong css, you can always remove it or change. This is the only way to learn custom css's. For more details about it, we suggest to visit http://themes.muffingroup.com/betheme/documentation/#theme-customizations

Anyway, above css looks fine but if won't work as you wish, you can always check with Firebug where the problem is.

Increase font size on blog only

Comments