center alignment of the text break on the single page? WordPress

• SOLVED

Why does the center alignment of the text break on the single page?

Index
http://awesomescreenshot.com/0961uiah14


single template
http://awesomescreenshot.com/0c61uiaved

css
.info {
background-color: #0A828A;
display: table-cell;
height: 59px;
padding: 10px;
text-align: center;
text-decoration: none;
vertical-align: middle;
width: 220px;
}

Link to page,
http://planeta.se/planetaWebsite/

Answers (3)

2013-10-18

zebra webdesigns answers:

http://planeta.se/planetaWebsite/wp-content/themes/planetaThem/style.css

line number 213
you need to add
<code>margin:0;</code>

ul#customCategory h2 {
font-family: 'Cabin',sans-serif;
font-size: 12px;
font-weight: bold;
margin: 0;
padding-top: 3px;
text-align: center;
}

---

zebra webdesigns comments:

the h2 tag inside the single page has the margin set throught another css class. you can find it bleow.
That cause the the h2 tag add margin-bottom 20px.

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
color: #FFFFFF;
line-height: 1.5em;
margin: 0 0 20px;
}

Let me know if you need any other fix

Regards
Zebra Web Designs
skype: bhuvan530531
mail: [email protected]

2013-10-18

Giri answers:

Use this css code

#content h2 {
margin:0 !important;
}

2013-10-18

Remy answers:

The h2 in your div class="info" block receive a margin bottom of 20px on the single template, and not on the index template.

You can modify your css like this

ul#customCategory h2 {

font-family: 'Cabin',sans-serif;

font-size: 12px;

font-weight: bold;

margin-bottom: 0;

padding-top: 3px;

text-align: center;

}

To conserve the right display