Hi,
I don´t want any line break under the H1, see example on the left hand side under Hotelltips at http://www.newyorkinspiration.com
Where do I change the code so the text always come directly under the H1 tag everywhere on the blog?
Thanks
Charlotte
Ivaylo Draganov answers:
Hello,
that's simple CSS. Change the rule on line 165 in your <em>style.css</em>(this file resides in your theme folder). Set the property <em>margin-bottom</em> to <em>0</em>:
h3.widget-title {
background: #6E7B82;
background: rgba(57, 75, 86, 0.7);
border: none 0;
font-size: 22px;
padding: 3px 15px;
color: white;
text-shadow: 0 -1px rgba(0, 0, 0, 0.45);
margin-bottom: 0;
}
Charlotte Raboff comments:
no, it doesn´t work, it´s the same line break....
Ivaylo Draganov comments:
Maybe you mean the space between "Facebook" and "Hotels...". If it't that then change the rule on line 889:
.widget {
margin-bottom: 0px;
}
Dan | gteh answers:
Add this to the end of your style.css
h3.widget-title {margin-bottom:0;}
actually.. if you want it to appear EVERYWHERE on the blog where an H3 is, add this to the end of style.css instead
h3 {margin-bottom:0;}
Charlotte Raboff comments:
don´t you mean H1 ?
Dan | gteh comments:
"HotelTips" is an h3, not an h1, but if you want to apply the style to h1's too just add that to the style
h3, h1 {margin-bottom:0;}
Dan | gteh comments:
clear your cache also if you're not seeing the change.
Kannan Sanjeevan answers:
Try this
Replace
.widget {
margin-bottom: 15px;
}
with
.widget {
background: none repeat scroll 0 0 #EFEEE7;
margin: 10px 0;
padding: 10px 0;
}
EDIT :
Guess I saw the fixed version of the theme :|