ElkArte Community

Elk Development => Theme development => Topic started by: Jorin on December 11, 2014, 01:42:00 pm

Title: Changing some colors
Post by: Jorin on December 11, 2014, 01:42:00 pm
I need help, I can't find the strings in the css files of the things marked in the attached screenshots. I want to change their color... I am searching and trying for one hour now...  :o

css1.png: These are actual calendar events. And they are dark grey, not my link color.
css2.png: These buttons have blue text, but they should have black text like the buttons above them.
css3.png: All links in postings and signatures are underlined. I think these are shadows maybe? I only want links to be underlined when in hover state. I can't find the right spot, no matter what "a" string I change in the css files.
Title: Re: Changing some colors
Post by: Spuds on December 11, 2014, 09:52:33 pm
Css2 .. those are ui_tabs (jquery ui) ... The css should be this line ... change the color in the definition
Code: [Select]
.ui-tabs .ui-tabs-nav .ui-state-active a, .ui-tabs .ui-tabs-nav .ui-state-active {
in the variant file

Css3, check in the variant file for
Code: [Select]
/* Styling for BBC tags */
.bbc_link:link, .bbc_link:visited {
color: #377828;
box-shadow: 0 -1px 0 #cedccb inset;
}
remove that box-shadow line, that should remove the underline

Css1 ... I need to add an event so can't say ATM




Title: Re: Changing some colors
Post by: Jorin on December 11, 2014, 11:20:48 pm
css2: Worked, thanks!

css3: I have changed that in my custom_light.css:

Code: [Select]
.bbc_link:link, .bbc_link:visited {
color: #469AC9;
/* box-shadow: 0 -1px 0 #cedccb inset; */
}

.bbc_link:hover {
color: #469AC9;
/* box-shadow: 0 -1px 0 #66aa55 inset; */
text-decoration: underline;
}

But it's not working.

Title: Re: Changing some colors
Post by: Spuds on December 11, 2014, 11:31:46 pm
try adding text-decoration: none; to the .bbc_link:link, .bbc_link:visited { declaration ... if that does not work maybe even box-shadow: none;    If that does not work send me a link so I can take a look ... be tomorrow though, I'm about done for today :D
Title: Re: Changing some colors
Post by: Jorin on December 12, 2014, 12:08:26 am
This code works, thank you very much!

Code: [Select]
.bbc_link:link, .bbc_link:visited {
color: #469AC9;
/* box-shadow: 0 -1px 0 #cedccb inset; */
box-shadow: none;
}

Title: Re: Changing some colors
Post by: TE on December 12, 2014, 01:00:16 am
#1 can be changed via
Code: [Select]
.inline a strong {
color: red;
}
Title: Re: Changing some colors
Post by: Jorin on December 12, 2014, 01:33:17 am
Yes! Great! Thanks!  :)