Recent Topics

Changing font size on text in a blog

Started by on Nov 18, 2018 – Contents updated: Nov 19, 2018

Nov 18, 2018 22:01    

Hi,
I'm using 6.10.3-stable with the pixelgreen skin. I think it might be a very old skin and that is why I can't relate the CSS override instructions to the CSS.

I would like to change the font size for blog entries, on both the Teaser and the main body from 9px to 11px.
Using Firefox it looks like the CSS element I need to change is either class=bText, or to just get the text <p zoompage-fontsize="10">. In the inspector I see that this element is as follows:
[zoompage-fontsize="10"] { inline:1

font-size: 9px !important;

}
Given the !important I suspect that setting it in a stylesheet might not override the inline element? Comparing it to the other elements, most say "style.css:##", instead of inline:1.

Any advice on where I need to look to change the style element would be great. I think this means that the style element [zoompage-fontsize="10"] { font-size: 9px !important;} is generated in php somewhere, but I have no clue where to look, apart from doing a character search across all the files in the site.

Thanks
Brian

Affected website URL :https://www.crispfamily.net/blog
Exact b2evolution version number :6.10.3-stable

Nov 18, 2018 23:39

In the [/media/blogs/your_blog_name/style.css] then .bText{font-size:1em}

This is where I usually put my css preferences, but you have to make the style.css from scratch and have it enabled.
Look in back office for the blog you are wanting to format

Settings >Advanced
set Media Directory Location

then as image below

Nov 19, 2018 21:46

Thanks, I have spent quite some time chasing this through as I thought that I had done everthing suggested as I found that information in the documentation. It turns out I learned a few things:

    • btext does not equal bText. When I sorted that out it started to work
    • I have a plugin in FIrefox that page zooms for me. The new hi res screen on my tiny laptop needs some help. This plugin does a couple of things:
      • It resizes the text (unsurprisingly), but even when you set it to 100% it still changes things
      • It seems to insert a local selector that doesn't fit any of the normal HTML/CSS rules. In my installation that is where the "├»nline" style and the [zoompage-fontsize="99"] comes from.
    Simply, make sure you are careful about capitalisation and have removed page zoom plugins before trying to understand how CSS has been applied by Firefox.


Thanks for your help, it encouraged me to keep hunting for the solution
Brian

Nov 19, 2018 23:30

I have a 9" screen with 1920 x 1200 pixels, Windows 10 set to 150%, Built in Firefox Zoom at 120% for my own site, this site set at 100%. Firefox allows for settings for each site which are kept, so slightly wondering what you do with this extra plugin -just enlarges text and not images maybe, but don't answer that here :)

I have no plugin to concern myself with so can't help with that

Hope all goes well


Form is loading...

CMS engine – This forum is powered by b2evolution CMS, a complete engine for your website.