title size

supay / 2013-01-07 14:01:24   
i am trying to customize the title with css
as I understand it will be defined by
the element: {{obj_name}}
in the main settings input window

now if i define the font properties in my style.css

it only changes the property margin-bottom: to 1 em to whatever i want, which is
great (and shows me that i am probably doing the things at the right place...)

but i can not change the font properties here! like size, color, etc..
what am i doing wrong?
my site: illustrateyourideas.de
thanks for any hint and thanks again for taking care!!

arsondpi / 2013-01-07 14:18:21   

Hey - you seem to be doing well as far as html semantics go:
you've used the h1 tag for the title of your site and that great - the h1 tag is good for SEO.
So in order to change the colour of your site title, find line 40 in your style.css and edit the attributes for the h1 tag.

supay / 2013-01-07 14:43:10   

i am doing here for sure something silly wrong!
i make the changes at line 40
now the font size is 48px for example an color color: #FF3366;
but for some reason the font appears still 18px and black..

arsondpi / 2013-01-07 14:46:42   

aha - my mistake! Your css rules for #index a override the h1 tag.
So you need to set rules for:

  1. #index h1 a:link {  }
  2. #index h1 a:hover {  }
  3. #index h1 a:visited {  }
  4. #index h1 a:active {  }
supay / 2013-01-07 15:02:12   

thankyou Arsondpi. it works now!!!!!!

supay / 2013-01-07 16:01:02   

learning a lot, thankyou for the support!!

the hover mysterium:
now that i got my title (almost) perfect customized via :
#index h1 a:link {  }
#index h1 a:hover {  }
#index h1 a:visited {  }
#index h1 a:active {  }

something strange occurs:

hover is not hovering (only the first time), this seems to be a common problem,
i was searching for the solution and found that the order of appareance is important (!):
like this:

first: a:link {color: red;}
second: a:hover {color: green;}
third: a:visited {color: magenta;}
fourth: a:active {color: yellow;}

i changed everything in this way, but still nothing happens…

arsondpi / 2013-01-07 16:21:56   

it may have to do with the custom font... You do have some css errors though: jigsaw.w3.org/css-validator/…

supay / 2013-01-07 23:35:05   

jesus maria!
this is getting even more interessant day by day
thank you again for the link to the css validator site, this is great
got a validate site now, error free

the hover mysterium:
do you mean with -custom font-? a problem
from the embedded font? not from css?

supay / 2013-01-07 23:59:56   

the hover mysterium:
same with the section titles, i managed to change the font properties
at the base css, line 46 but how do i define the properties of these
titles as a link? (they have the links styles for the (whole) #index region, now...)
are they
# index.title a
# title a ?
should changes be made at the base css??

This thread has been closed, thank you.