Increase font size on blog only

DaniaBikes

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

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!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

DaniaBikes

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

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; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

wickedwriter

Thanks! This fixed my issue.

Albert

You are welcome!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

DaniaBikes

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

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; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

DaniaBikes

You guys rock! THANKS SO MUCH  

Albert

You are welcome!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

DaniaBikes

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

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

DaniaBikes

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

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next