Support ForumLink color is purple in my website’s title – Support Forum

Link color is purple in my website’s title

taymore14 — Thu, 09 Jul 2015 14:20:19 +0000

Hello,

The title for my website is in purple like it is a “read link” . I don’t see where to change it. I looked everywhere in the them options. My website is http://www.iamtaymore.com

Reply To: Link color is purple in my website’s title

IshYoBoy — Fri, 10 Jul 2015 04:45:59 +0000

Hey,

Just address it with custom CSS ;) and change the color of the “a” element in the logo.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Link color is purple in my website’s title

taymore14 — Mon, 13 Jul 2015 13:43:28 +0000

How do I customize the active element in the logo? I seem not be doing it right or with the wrong code. Do I do it in either of these areas below? And with what code?

1. Appearance section
2. Editor or

1. Appearance Section
2. Theme Options
3. General Options
4. Custom CSS

Reply To: Link color is purple in my website’s title

IshYoBoy — Tue, 14 Jul 2015 06:34:49 +0000

Hi taymore14,

you have wrong code in your custom css file “main-options_2.css” in this part:

.ish-part_header, .ish-part_header a {
    color: #ffff;
}

.ish-part_header, .ish-part_header a {

color: #ffff;

}

You have to change it to

color: #fff; or color: #ffffff;

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Link color is purple in my website’s title

taymore14 — Tue, 14 Jul 2015 11:03:13 +0000

duh! how did i miss that. thanks for your help!!

Reply To: Link color is purple in my website’s title

IshYoBoy — Tue, 14 Jul 2015 12:16:16 +0000

You’re welcome ;)

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Link color is purple in my website’s title

taymore14 — Thu, 23 Jul 2015 10:43:01 +0000

For some strange reason it shows up green when viewing it on iPhone 6 on safari. any ideas what to do?

Reply To: Link color is purple in my website’s title

IshYoBoy — Fri, 24 Jul 2015 06:57:52 +0000

Dude,

Please check the code you are adding to the page and make sure you know what it does. This behavior is caused by custom css:

.ish-ph-logo,
.ish-ph-main_nav,
.ish-ph-mn-be_resp li a
{
text-transform: lowercase;
}

@media (max-width: 600px) {
	h1.my-class-name {
		font-size: 10px;
	}

/* unvisited link */
a:link {
    color: #FF0000;
}

/* visited link */
a:visited {
    color: #00FF00;
}

/* mouse over link */
a:hover {
    color: #FF00FF;
}

/* selected link */
a:active {
    color: #0000FF;
}

.ish-ph-logo,

.ish-ph-main_nav,

.ish-ph-mn-be_resp li a

{

text-transform: lowercase;

}

@media (max-width: 600px) {

h1.my-class-name {

font-size: 10px;

}

/* unvisited link */

a:link {

color: #FF0000;

}

/* visited link */

a:visited {

color: #00FF00;

}

/* mouse over link */

a:hover {

color: #FF00FF;

}

/* selected link */

a:active {

color: #0000FF;

}

Maybe you are missing a closing curly bracket for the media query and it adds all code below to mobile devices as well.

Make sure your code is always VALID!

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Link color is purple in my website’s title

taymore14 — Wed, 29 Jul 2015 12:31:14 +0000

This reply has been marked as private.

Reply To: Link color is purple in my website’s title

IshYoBoy — Wed, 29 Jul 2015 14:18:09 +0000

Hey,

Well in the code above you are missing a closing bracket for the media query. This code for example:

@media (max-width: 600px) {
	h1.my-class-name {
		font-size: 10px;
	}

@media (max-width: 600px) {

h1.my-class-name {

font-size: 10px;

}

Should actually have a closing curly bracket at the end:

@media (max-width: 600px) {
	h1.my-class-name {
		font-size: 10px;
	}
}

@media (max-width: 600px) {

h1.my-class-name {

font-size: 10px;

}

Notice the newly added line 5. Otherwise all the CSS code below will be used ONLY on 600px and lower.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market