Indexhibit Support

Where do i have to change the font size?

I read all the posts but i really am not able to change my font-size.
I cannot find li.section { } in style.css and i don't know if i just have to change the font size in style css or if i have to add a complete new line to the style.css. I tried both but nothing happend so i don't know what to do now?

thank you.

iris

Section link - do you mean section title?

yes. Section titels and subtitels.

Edit the style.css file for the theme you are using. Editing via FTP, if you are using the default theme, the path to the file would be: ndxzsite/default/style.css.
You can also edit the style.css file in the Indexhibit admin area by clicking the Assets tab, and under the Template section click style.css.

Look for the following section of code:

/* styling the index */
#index ul { list-style: none; margin: 0; }
#index ul.section { margin-bottom: 1em; }
#index ul.subsection { }

Change the code to look like this:

/* styling the index */
#index ul { list-style: none; margin: 0; font-size: 26px; }
#index ul.section { margin-bottom: 1em; }
#index ul.subsection { }

Note the added code: font-size: 26px;
This will double the size of the section titles and subtitles. You can play with the 26px number to suit your needs.

PS it is a good idea to duplicate the default theme folder and give it your own name. Then select your duplicated theme in the admin area. This way if anything gets messed up you can revert to the default theme and start over.

Mhhh, i copied default to risk no mess and than in changed it to:

/* styling the index */
#index ul { list-style: none; margin: 0; font-size: 9px; color: #999; }
#index ul.section { margin-bottom: 1em; }
#index ul.subsection { list-style: none; margin: 0; font-size: 9px; color: #999; }

But nothing happens. I want a smaller font size and i want it colored in grey. What's wrong?

thank you.

Did you select your new (copied) theme under the Theme tab?
Also try clearing your browsers cache and restarting your browser.

Yes, we activated the right theme but there is no change.

Are there other solutions?

thank you.

To change the section title specifically, you need to add a line of css like below:

#index span.section_title { etc. etc. etc. }

Also, if you're using chrome, right click on the thing that you want to style and select 'inspect element' - a window appears at the bottom of the screen that, on the right, shows what css is affecting the thing you clicked on, and, helpfully what line in which document you can find that code to modify.

For firefox, download a plugin called 'Firebug' which does much the same thing. For Safari, you have to enable it (inspectelement.com/didyouknow/enable-safaris-awesome-built-in-development-tools/), but there are the same tools. And I'm sure there has to be something similar for Internet Explorer, Opera, Netscape, whatever...

And if you want further help, make sure you post a link to your site so we can have a look at what you're talking about...

Thank you. I will try.

thingslikediamonds.de

I tried adding font-size: 9px; to #index ul using the inspect element tool in Safari and it made your index text smaller.

Like this:

#index ul { font-size: 9px; margin: 0; }

You can probably leave in the list-style: none; part. L
Like this:

#index ul { list-style: none; font-size: 9px; margin: 0; }

Make sure you don't have any typos. It should work.

Hi I tried the above methods for changing the font size in the section in both Chrome and Safari but it didn't work.

Could you advise what's wrong? deannang.com/gardencity. Thank you.