By Farouk111 on

hello
am fairly new to css , which line should i edit in order to change the slogan size of the garland theme? its too big for my website

Comments

steveadamo’s picture

steveadamo commented

You'll probably have to open one of the .tpl.php (template pages) to find the class associated with the slogan...

I'm heading to a meeting, but i'll take a peek when i get back... :)

Steve

steveadamo’s picture

steveadamo commented

found it... in the page.tpl.php file, you can see that the slogan content is inside div with an id="header"...

so, look in the style.css file, and on line 514 you have:

#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
  color: #fff;
  font-weight: normal;
  text-shadow: #1659ac 0px 1px 3px;
  font-size: 1.5em;
}

change the font-size line, and you are set... keep in mind, that will also change the site name value too...

Farouk111’s picture

Farouk111 commented

thanks but are you sure?
i changed it from 1.5em to 0.5 and nothing happened

www.2knowmyself.com

The Ultimate Source For Self Understanding and Personal Growth

steveadamo’s picture

steveadamo commented

positive... keep in mind that CSS content could be cached, so you might not be seeing your updated version...

Farouk111’s picture

Farouk111 commented

few days have passed and its still the same , you can check my site yourself www.2earn-online.com
are you sure i only have to edit this entry in css file and nothing else????

www.2knowmyself.com

The Ultimate Source For Self Understanding and Personal Growth

steveadamo’s picture

steveadamo commented

I'm sorry amigo, but that's the only file I edited on my local site...

C:\wamp\www\drupal\themes\garland\style.css

Just out of curiosity, have you tried looking at the site on an entirely different machine? And you did clear your browser's cache, right?

(using IE)
Tools > Internet options > Delete (Temporary Internet Files)

anotherdave’s picture

anotherdave commented

Mate,

it looks like you never saved or put your CSS file again. I just took a look at your site there using the "Web Developer toolbar for FF (very handy), & that line still has 1.5em as the value.

Dave

Farouk111’s picture

Farouk111 commented

this is really weird, i just downloaded my css file and here is the part of the code listed there

/**
 * Header
 */
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
  color: #fff;
  font-weight: normal;
  text-shadow: #1659ac 0px 1px 3px;
  font-size: 0.5em;
}

by the way, i edited garland theme and changed its colors long ago, does this result in generating new css file anywhere else???

www.2knowmyself.com

The Ultimate Source For Self Understanding and Personal Growth

steveadamo’s picture

steveadamo commented

im sorry your having such a difficult time with something that should be relatively trivial... :(

if i understood your last question correctly, the answer is no... if you are using the Garland theme (or any theme for that matter) and you update the associated CSS file, that affects every page on your site that references the theme... multiple changes are not required...

anotherdave’s picture

anotherdave commented

Using the WebDev toolbar, this is what I can see from your CSS:

(Source of the file is here)

Line 514: 

#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited (line 514)

{

color: #ffffff;

font-weight: normal;

text-shadow: #00fb22;

font-size: 1.5em;

}

I notice in the CSS file, it says: "If you use a customized color scheme, you must regenerate it after modifying this file."

Have you tried clearing the Cache in Drupal? Worth a shot.
Administer >> Settings >> Performance >> Clear Cache

All the best,
Dave

Farouk111’s picture

Farouk111 commented

Hi dave
i cleared the cash but nothing happened
by the way, i noticed a brand new css file in the new directory that resulted from customizing the garland's theme , do you think editing this one will do it?

www.2knowmyself.com

The Ultimate Source For Self Understanding and Personal Growth

anotherdave’s picture

anotherdave commented

hey,

just looking at the Source Code of your site - the main CSS file it is calling is at:

/sites/default/files/color/garland-075b3ba5/style.css

This is the file that you'll need to change.

Dave

brokentv’s picture

brokentv commented

Hi,
I have the same problem. I don't know how to 'regenerate' the style. I found that the main CSS file is just like what Dave said. However, I don't have permission to change it directly as it belongs to apache.apache, and I am not the admin of the system. Can anyone tell me what to do? Thanks in advance.
Martin

syabas’s picture

syabas commented

Hello,

is there a way to change the font of the sitename and siteslogan separately?

(in D6). Thanks!

jore81’s picture

jore81 commented

And change the size that way. Much easier. If you didn't know that already

aquanox24’s picture

aquanox24 commented

simply go to theme-configuration and re-save the settings. files (and css too) are re-created under folder /sites/default/files/color/.