changing an email and phone link color

xsiv · November 2019

hello

Im trying to change for one page the color of the link and hover link color

https://houhorafishingclub.co.nz/contact/

Im using this code and its not working

<h4 style="color: #ffffff">Phone</h4>

[divider height="25"]

<h4 style="color: #ffffff">Email</h4>

<h4 style=”color: #b5d4f1″><a href="mailto:[email protected]">[email protected]</a></h4>

many thanks for the help

Pablo · November 2019

Hello,

You made a HTML typo:

https://prnt.sc/pwt19u

Remove the additional quotation marks.

Thanks

xsiv · November 2019

i have been looking for that error in the code. i cant see it for some reason. where ales could it be coming from. this is the code in the content box an a image. Im so sorry if im over looking it

https://houhorafishingclub.co.nz/wp-content/uploads/2019/11/error-2.jpg

i have tryed a few things but cant get the color to change.

how do i make a telephone link and mailto link with custom color and hover color.

il try the new code an see what happens

thank you once again for your time

Pablo · November 2019

Check, that you used other "quotate" mark than in other attributes.

https://prnt.sc/pxaav1

They all have to be the same.

Thanks

xsiv · November 2019

i have used brackets to change every " mark. but it still does not work.

does this look right to you

[divider height="10"]

<h4 style="color: #ffffff">4126 Far North Road</h4>

[divider height="10"]

<h4 style="color: #ffffff">Pukenui 0484</h4>

[divider height="25"]

<h4 style="color: #ffffff">Phone</h4>

[divider height="25"]

<h4 style="color: #ffffff">Email</h4>

<h4 style="color: #b5d4f1"><a href="mailto:[email protected]">[email protected]</a></h4>

https://houhorafishingclub.co.nz/wp-content/uploads/2019/11/code-error-.jpg

anden14 · November 2019

Hi, the shortcode of the dividers is incomplete

should be: [divider height="10" style="default" line="default" themecolor="1"]

Pablo · November 2019

Right now is correct, the CSS code is applied correctly.

But, you have to do one thing, because of your structure is <h4><a>, you have to apply by CSS the rule, that <a> is inheriting the color from h4.

You can achieve it, with this code below.

h4 a{
	color:inherit !important;
}

Please, paste this code into the Theme Options > Custom CSS & JS > CSS
Thanks

xsiv · December 2019

Worked perfectly.

Pablo ur a ledgend

Thank you.

changing an email and phone link color

Comments