A few CSS queries in Triton Lite

ianmmcclelland · Member · May 3, 2012 at 9:37 am
Copy link

Add topic to favorites
Hello,

I’m trying to make a few changes to my blog – http://ianmmcclelland.me

Firstly, I’ve changed the H3 tags to 24px using the following code but although this changes the footer widgets on the homepage it doesn’t change the widgets in the right-hand column of the blog pages even though these are also tagged as H3

h3 { font-family:droid-sans-1, droid-sans-2; font-weight:normal; font-size:24px; }

Secondly, I’d potentially like to change the color and alignment of the menu text but I tried using the following code but can’t get it to work

#menu { text-align:center; text-color:#ffffff; }

Finally, I’d potentially like to change the color of the main body text and links but can’t get this to work either!

Any help much appreciated.

Thanks

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · May 3, 2012 at 9:55 am
Copy link
The sidebar titles have other selectors that are more specific which means the don’t pay any attention to the standard h3 tag settings. Add the following to your custom CSS.
```
#sidebar .widgets .widgettitle, #sidebar .widgets .widgettitle a {
font-size: 24px;
}
```
The menu items are links and again they have specific selectors associated with them. This will allow you to change the font color.
```
#access a {
color: #FFFFFF;
}
```
To center the menu items, it takes a couple of things. Add this and it will center the menu items.
```
.menu {
text-align: center;
}
.menu ul {
display: inline-block;
}
```
The main body text color for posts is set in #posts. Add this and edit the color.
```
#posts {
color: #7F7F7F;
}
```
Links in posts have two. One for the normal state (non-hover) and one for hover.
```
.post-wrap a {
color: #333333;
}

.post-wrap a:hover {
color: #A53C2E;
}
```
See where the above gets you.
ianmmcclelland · Member · May 15, 2012 at 2:35 pm
Copy link
Hi there,

Thanks a lot for all the help – much appreciated ! If I could ask a (hopefully) final question… How would I left-align the titles and intro text of blog posts on the front page?

Ian
ianmmcclelland · Member · May 28, 2012 at 8:43 pm
Copy link
Can anyone help with the question above?

Many thanks

No items found.