Cannot change Impact Text H2 color

[novsun]

Ive tried several ways to change the color of the Impact Text h2 and have been unsuccessful. please help.

Thank you,
Andy

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Where’s your impact text?

– Kyle

[novsun]

In the Punch Theme the headers are defined as “Impact Text 1” and “Impact Text 2” in the backend in the page editor. It is a special section below the content window.

So on my site as pictured in the screenshot:

Impact Text 1 is “increase traffic…”

Impact Text 2 is “Inbound Marketing, Website Design & Creative Services in Tulsa OK”

I’m trying to change the color of Impact Text 2.

[Kyle – SUPPORT]

Ok add this to your custom css:

#impact-text h2 {
  color: #ff9c00 !important;
  font-size: 30px;
  line-height: 40px;
}

– Kyle

[novsun]

Ok, but I already added this to the custom css last week with no change.

#impact-text h2 {
font-size: 30px;
text-shadow: 2px 2px #3d3d3d;
color: #ffa61a; !important;

[Kyle – SUPPORT]

That should work, 30px is the font size showing, so if you want to change it then change it to something else

– Kyle

[novsun]

I understand it should work.
But. it doesn’t… I’ve changed the color in the CSS but, it doesn’t change on the site.

Andy

[novsun]

Have any other ideas?

[Rui Guerreiro – SUPPORT]

Hi,

The syntax of your css code is incorrect, it was missing a closing bracket at the end and the semicolon is after the important tag. Use the code below instead:

#impact-text h2 {
font-size: 30px;
text-shadow: 2px 2px #3d3d3d;
color: #ffa61a!important;
}

-Rui

[novsun]

mmm I wish it was… i just didnt paste it into the comment.

Any other thoughts?

Andy

[Rui Guerreiro – SUPPORT]

but your Important tag and semicolon position was wrong.

Please replace your code by mine or provide me the admin url so I can login with the credentials you provided in the topic.

-Rui

[novsun]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

hhumm that link still redirects me tho the homepage.
Can you check?

-Rui

[novsun]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
You have some wrong code at custom css code area.

1- Find this code:-
#main-container { padding-top: 56px !important; }

Change with:-
}
#main-container { padding-top: 56px !important; }

2- Find this code:-
.list-bolt_bw li {
	font-size: 18px;!important
	line-height: 140%;!important
}

Change with :-
.list-bolt_bw li {
	font-size: 18px!important
	line-height: 140%!important
}

Thanks
Mohammad