Hi guys,

I am back to finishing this website (been a few months). You'll probably be hearing more from me again as I wrestle with my lack of web dev skills!

Simple question: How do I change the color of the fonts used in the top positions. They are defaulted white, but I have a white background which renders them invisible. I'll keep looking around and probably find the answer on my own, but feel free to hold my hand while I cross the street!

Also, I'm publishing a custom HTML to position Top4, but it is showing on the left of the screen rather than the right. I'm not sure why that's happening.

Thanks,
Andy

newprairiecounseling.com

Hi Andy,

With the font colour you can change that in the template settings

Theme tab on left > and scroll down to you see Navbar

Depending on the colour you chose you many need to increase the font weight - for example if you choose #000 (black)

To change the font weight -

Fonts tab on left > scroll down for Nav and on the right is font weight - 600 is would be an option for the existing font

Cheers
Paul

The first task for top4 is to make it viewable

with css questions you need to disable css compression - can you do that?

Cheers
Paul

Thanks Paul,
So, I played around with the settings in Navbar. Those affected the main menu font, but did not affect the font of the modules in the top positions. Re-reading my post I realize I didn't make that very clear. How do I change the font color within the module positions: top1, top2, top3, top4?

I'm still looking for the css compression to disable. I think I had just enabled that recently in attempt to increase page speed.

Thanks,
Andy

Hi Andy,

The compression / optimisation settings are in the settings tab on the left

you are looking for - Compress CSS Output

Cheers

ah you had that already

Try adding

#topwrap p { color: #000;}

to your custom css code

Cheers
Paul

Fixed the topwrap color. Thanks!

CSS compression is not enabled in the settings tab. I'm still unclear how to get that module that is in Top4 position to sit correctly on the Right side of the screen rather than the Left.

It has changed on the site

So together with the text colour change

#top4 p {color:#000;}
#top4 {text-align:right;}

Cheers
Paul

Excellent. Thanks! Just out of curiosity, when you say it's changed on the site, do you mean I did something that changed it? Either way, the custom CSS fixed it.

No problem

I can see the css files rather than a compressed css file so you must have either changed the compression options or a caching change somewhere

Cheers
Paul