Support Forum

Issue after signing in as a member after update

22 Answers

New Answer

IK Ike
Ike
Member

Sorry after closer inspection it seems that rule is having an impact all over the forum and it’s going to be far too much trouble changing each individual rule to compensate for the themes irresponsible override. I did receive your PM but it would be way too much work for me to put right in the forum theme itself and adding something to the CSS box is pretty easy.. So you have two choices as far as I can see.

1. Contact the theme developer and ask them the best route to get rid of the !important rule on the a tag. This might involve making a child theme or the theme may come with a CSS override box of it’s own which you can put some custom CSS In place to prevent it.

2. Create a universal a and a hover rule for the forum which may or may not work, but it might be worth a shot. The downside to this is that every link would end up being the same colour and hover colour but it might just get around the themes awful use of CSS. So for this, can you try adding the following to the custom CSS box.

#spMainContainer a {
    color: #4C5D77 !important;
}

#spMainContainer a:hover {
    color: #8EA0BD !important;
}

Fingers crossed that should do the trick, and of course you can change those colours to whatever you’d like using something like ColorPicker to select your hex values.

If you’d rather contact the theme developer, you can reference this huge block of code that stamps all over every other use of the a tag, and ask them exactly why they felt the need to use !important.

body.dark-skin a:hover, 
body.dark-skin p.post-meta a:hover, 
body.dark-skin .author-comment cite, 
body.dark-skin .post-title, 
body.dark-skin #tabbed-widget ul.tabs li.active a, 
body.dark-skin textarea:focus, 
body.dark-skin input[type="text"]:focus, 
body.dark-skin input[type="password"]:focus, 
body.dark-skin input[type="email"]:focus, 
body.dark-skin input[type="url"]:focus, 
body.dark-skin input[type="tel"]:focus, 
body.dark-skin input[type="number"]:focus, 
body.dark-skin input[type="date"]:focus, 
body.dark-skin input[type="file"]:focus, 
body.dark-skin input[type="search"]:focus, 
body.dark-skin input[type="color"]:focus, 
body.dark-skin input[type="datetime"]:focus, 
body.dark-skin input[type="datetime-local"]:focus, 
body.dark-skin input[type="month"]:focus, 
body.dark-skin input[type="range"]:focus, 
body.dark-skin input[type="time"]:focus, 
body.dark-skin input[type="week"]:focus, 
body.dark-skin select:focus, 
body.dark-skin .top-nav ul li a:hover, 
body.dark-skin .top-nav ul li:hover > a, 
body.dark-skin .top-nav ul:hover > a, 
body.dark-skin .top-nav ul li.current-menu-item a, 
body.dark-skin .top-nav ul ul li a:hover, 
body.dark-skin .top-nav ul ul li:hover > a, 
body.dark-skin .top-nav ul ul:hover > a, 
body.dark-skin .top-nav ul ul li.current-menu-item a, 
body.dark-skin .cat-tabs-header li.active a, 
body.dark-skin a.more-link, 
body.dark-skin .page-title {
    color: #FFF !important;
}
RJ Robert Jones
Robert Jones
Member

hi 

many thanks for that reading the raw code what is the symbol after the 7 and the D and is that part of the coding ?

Rob

IK Ike
Ike
Member

That’s just the syntax highlighter plugin putting a colour block up so you can see what the hex colour value is visually.

When you copy that code, be sure to click the ‘view raw code’ button and copy it from the popup. The colour block will be ignored.

RJ Robert Jones
Robert Jones
Member

Hi

starting to get the hang of this LOL applied that code it fades but you can read it, any chance it can be improved ?

Rob

RJ Robert Jones
Robert Jones
Member

If I copied that bid long list in to the CSS editor would that help ??

 

Rob

IK Ike
Ike
Member

OK great, I’ve checked your forum and that did indeed fix the problem. Yes it can be improved, you can use whatever colours you like as I pointed out in post #16. Check out the link to ColorPicker.

You could technically change the code to:

#spMainContainer a {
    color: red !important;
}

#spMainContainer a:hover {
    color: green !important;
}

If you wanted to, or use hex colours as I have.

And no, that block of CSS at the end was a reference for you to include if you were going to ask the theme authors for a fix.

RJ Robert Jones
Robert Jones
Member

That looks 100% better smile thank you for your time and effort smile and resolving the problem 

 

Rob 

IK Ike
Ike
Member

Oh you went with the red and the green! Great..smile No problem, glad we could help!