Indexhibit

Login:

Created by:
Daniel Eatock &
Jeffery Vaska

Built with Indexhibit

title size

 

Indexhibit version: 2.0
Thread is resolved.

supay
GERMANY
1 year(s) ago
Permalink Post
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
GREECE
1 year(s) ago
Permalink Post

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
GERMANY
1 year(s) ago
Permalink Post

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
GREECE
1 year(s) ago
Permalink Post

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
GERMANY
1 year(s) ago
Permalink Post

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

supay
GERMANY
1 year(s) ago
Permalink Post

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
GREECE
1 year(s) ago
Permalink Post

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

supay
GERMANY
1 year(s) ago
Permalink Post

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
GERMANY
1 year(s) ago
Permalink Post

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??

Showing 1 - 9 of 9 posts in Forum » Customize » title size
 

This thread has been closed, thank you.