Jump to content

Help with tweaking some CSS


Recommended Posts

I've been playing a bit with my forum's colour patterns. So, I'm trying to achieve a combination of light grey, white with touches of blue here and there (mainly buttons). That was easy to achieve by simply changing the colours of my theme (which is just a copy of the native IPS 4.2.6 one). However, I'm stuck when it comes to some menus.

1 - How can I change the top right (+ Create, notification and mail icons, member's name menu) from white to dark grey or black like it is here on IPS?


(I mean just the colour, not the absence of avatar)


2 - The top row of the main navigation menu like this:


How can I achieve all caps? I tried simply using caps by retying the menu titles (like Browse, Activity and Support) but the other type of menus like Store, etc. don't allow you to type the name as far as I could see. So, it's there a way to do this properly via CSS?

Link to comment
Share on other sites

Hi there, I'll try to help:

1. Find in your theme template css:

#elUserNav > li > a { color: #999; font-size: 1.2rem; }

Change the color hex to the color you want. 

2. Same deal, find:

.ipsNavBar_primary > ul > li > a, html[dir="ltr"] #elBackHome, html[dir="rtl"] #elBackHome { 
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.5px;

In your CSS (just the class), add to it: text-transform: uppercase; before the closing brace.

Link to comment
Share on other sites


This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...