Forums

Site Name Font Size Editing Help!

Permalink
Hi,
I am currently using C5 version 5.6.1.2.
I have been trying to find a way to edit the font size for my site name. I tried Stacks>Global Area>Site name>edit and cleared cache. But it does not work...doesn't show any changes. I tried with System Setting>Site name, but can't modify anything here.
Simple little change I want to make... what do I do?
Please help!
 
lexbi replied on at Permalink Reply
Do you mean you're trying to edit the font size of the sitename on the front end of the site?

You would just target it with css. maybe you have a selector wrong? Could you link the site? Or at least post your css/html?
infinitemind replied on at Permalink Reply
Hi lexbi,
Thanks for your reply. I am trying to change the font size of the sitename which is located on the top left. Big Bulky Title "Infinite MinDesign"

Link to my website:
http://infinitemindstudio.com/

This is my first time building a website without having any CSS knowledge...

what would be the easiest way for me to change the font size?
Thanks for your help!
planist1 replied on at Permalink Best Answer Reply
planist1
You would need to modify your css.
in your main.css file, line 16
#page #header #logo {
    color: #999999;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 32px;
}

Change the font-size to a smaller px or em size.
infinitemind replied on at Permalink Reply
Thank you Planist1!

I am Sorry to bug, but one more supernewbie question...
I tried to get access to my main css... but failed...
Where and how can I get access to main css??
planist1 replied on at Permalink Reply
planist1
It looks like you are using the Plain Yogurt theme, so that would be in the root/concrete/themes/default/main.css

You would need to access the file using a file editor. And make sure the mark the best answer so that others looking for the same solution can know which one was helpful.
infinitemind replied on at Permalink Reply
Thank You! :)
infinitemind replied on at Permalink Reply
hmmm...
I revised the main css to:
#page #header #logo{ color:#999; font-size:18px;
font-family:Arial, Helvetica, sans-serif;
line-height: auto;
margin-bottom: 0px; padding: 0px; margin-top:8px; cursor:pointer; left:0px ; z-index:1; width:auto; float:left; position: relative }

So changed the font 18px instead of 32px....
And I cleared the cache...
But there is no change...I followed the exact guidline above. What can I do at this point??
planist1 replied on at Permalink Reply
planist1
Sorry about that. I forgot the logo is actually a link, change line 20 to 
#page #header #logo a{ color:#999; font-size:18px; 
font-family:Arial, Helvetica, sans-serif; 
line-height: auto; 
margin-bottom: 0px; padding: 0px; margin-top:8px; cursor:pointer; left:0px ; z-index:1; width:auto; float:left; position: relative; text-decoration:none;}