Theme Rigid-Light - How do I change the font colors?

Permalink
Hello. I have been using the theme, Rigid-Light. I am not able to change the font colors. I have tried all the normal ways,including inside each block and on the "customize" page of the theme. I went to the "I got style" css, but did not know how to use that info to change the font colors.

Thanks for your time and help. Have a wonderful day!

Tags:

, Rigid-Light theme
EmeraldOffice
View Replies: View Best Answer
MichaelG replied on at Permalink Reply
MichaelG
iGotStyle.css is the one you want to edit.

Line 18 where it says:

body { background: #c6c1b0; font: 13px/18px Arial, Helvetica, sans-serif; color: #525252; }


change the value of color to any color you want - and that'll change out all the main body colors. If you're completely unfamiliar with hex color codes, then find the color you want here:http://www.colorpicker.com/

In the CSS you'll see a section called "General Content Elements". The h1, h2, and h3 will style the heading text.
EmeraldOffice replied on at Permalink Reply
EmeraldOffice
Thanks for your help.

I cannot find the Igotstyle. I don't remember how I got there the last time. Can you please tell me how I get there?
MichaelG replied on at Permalink Reply
MichaelG
in your file manager, browse to /packages/rigidlight/themes/rigidlight/style/iGotStyle.css
EmeraldOffice replied on at Permalink Reply
EmeraldOffice
Hi. Thanks for helping!

My File Manager has: search, attributes, sets, access.

Search is only a list of my photos. Attributes is only the height and width of the photo/images. Sets is only choosing whether I want public or private. Access has more possibilities, but has only permissions (who can view my files), what file extensions I allow, such as jpeg, and file storage location, where the files are stored on the server.

I cannot get to the CSS through File Manager. The last time I found the CSS, it was trial and error, and I did not record how I got there, because I had no idea that I would have trouble finding it again.

Can you give me detailed instructions on how to find the CSS in the Rigid-Light theme.?

Thanks very much for your time and help; I am very appreciative. I hope to hear from you soon. Have a wonderful day!
MichaelG replied on at Permalink Best Answer Reply
MichaelG
I'm sorry to confuse you. But not the file manager in C5, but your hosting/server's file manager for your site.
EmeraldOffice replied on at Permalink Reply
EmeraldOffice
Thanks so much for your gracious time and help; I am very appreciative. I found it and successfully changed the colors.

Have a wonderful day!
delcock replied on at Permalink Reply
Thank you. This answer has also helped me. I am trying to change the colour of the green numbers in the CTA blocks. Would I make this change in the igotstyle.cs as well? If so where please? Or if not where can I make changes - Thank you.
MichaelG replied on at Permalink Reply
MichaelG
those are actually image backgrounds. Not easily changed.

but if you look in iGotStyle.css you can find this:

#ctaShell .cta.cta1 { background-image: url(../img/bgCta1.gif); }
#ctaShell .cta.cta2 { background-image: url(../img/bgCta2.gif); }
#ctaShell .cta.cta3 { background-image: url(../img/bgCta3.gif); }


and that's where you'd change the background images. the images are sourced in: /packages/rigidlight/themes/rigidlight/img/

You can use an image editor to change that and replace them on your host, but sorry no easy CSS change.
delcock replied on at Permalink Reply
Thanks Michael - That's really helpful. I'll give that a go and see how it comes out. Thank you so much for such a speedy reply.
delcock replied on at Permalink Reply
It worked - you're a star! Thank you.