Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Change Heading Backgrounds WordPress

  • SOLVED

Hi,

I am a little stuck with the heading in Wordpress. When I select Heading 2 to make my text bigger, I am getting a blue background and dotted lines around the text.

I have been through the CSS but cannot find how to remove it. I think the dotted lines are an image in the images folder but I still can't find the code to remove it.

The site is at: http://4ginter.net/demosite/ - It's the text on the blue background with dotted lines around. I just want it to be presented as standard text but in a larger font size.

Answers (4)

2013-03-19

Martin Pham answers:

Hi there,
Please open styles.css line 1312
replace

.entry-content h2 {
background: lightBlue none repeat scroll 0 0;
padding: 5px 0 5px 10px;
border: 1px dashed;
overflow: hidden;
margin: 5px 0;
}

to

.entry-content h2 {
padding: 5px 0 5px 10px;
overflow: hidden;
margin: 5px 0;
}


Martin Pham comments:

you can using [[LINK href="http://notepad-plus-plus.org/"]]notepa++[[/LINK]] , open file and press CTRL + G to find it.

2013-03-19

Daniel Yoen answers:

style.css:1312

.entry-content h2 {
font-size: 24px;
background: lightBlue none repeat scroll 0 0; //remove this line to remove background
border: 1px dashed; //remove this line to remove border
padding: 5px 0 5px 10px;
overflow: hidden;
margin: 5px 0;
}


.entry-content h2 {
font-size: 24px;
padding: 5px 0 5px 10px;
overflow: hidden;
margin: 5px 0;
}


hope this help :-)

2013-03-19

webGP answers:

Code responsible for style for HEading 2 is in your http://4ginter.net/demosite/wp-content/themes/simpleblue/style.css file, it starts in line 1312:

.entry-content h2 {
background: lightBlue none repeat scroll 0 0;
padding: 5px 0 5px 10px;
border: 1px dashed;
overflow: hidden;
margin:5px 0;

}

2013-03-19

Marko Nikolic answers:

Hello,

find this in your style.css :

.entry-content h2 {
background: lightBlue none repeat scroll 0 0;
padding: 5px 0 5px 10px;
border: 1px dashed;
overflow: hidden;
margin: 5px 0;
}


This is path: http://4ginter.net/demosite/wp-content/themes/simpleblue/style.css

and remove background and border, that should be working.

You should consider using Inspect element or Firebug tool in the future, it will help you a lot.