Make H3 heading in sidebar and footer different

[Kara Hooper]

How do I make the sidebar H3 heading different (change font and color) on the sidebar and the footer? When I just edit the css for H3 it changes both.
0ba.abd.myftpupload.com/contact

[Sushil Adhikari]

Hi Kara Hooper,

Please add this following css to your child theme [ style.css file ]:

aside#cir-right h3 {
    color: #A53131; /* Change color of heading*/
    font-size: 1.9em; /* Increase font size  of heading*/
    font-family: cursive; /* Change font family of heading*/
}

T

aside#cir-bottom-wrapper h3 {
    color: #A53131;
    font-size: 1.9em;
    font-family: cursive;
}

#bottom1 h3 {
	color: #222294 !important;
	font-size: 1.9em;
    font-family: cursive;
}

Just replaced #bottom1 with other bottom widget like (#bottom2, #bottom3,#bottom4) For eg:

#bottom3 h3 {
	color: #A53131;
    font-size: 1.9em;
    font-family: cursive;

}

If you got any problems on this please let us know , we are here to help you.

Note: Please use child theme style.css file to add custom css, so your changes won’t lost on theme update.

Thanks

[Kara Hooper]

Thanks! That all makes sense and is great. Appreciate the help!

[Binaya D]

Hi Kara,

You are welcome. And if you face any problem in future, then please let us know. We are happy to provide solution asap.

Thanks

[Author]

Posts