Twenty Ten Small Niggle Help Please

try adding :

margin-top: 20px;

to <ul> rule in your theme’s style.css

Could you expand on where to add that in style.css please?

Brian.

look forulrule in your css file. try adding margin-top: 20px; to that.

The term ul is used in css loads of times, I need more of a clue as to which particular one I’m looking for.

Regards,
Brian.

try to add a bottom padding to the style of .widget-title about three quarters down in stytle.css:

.widget-title {
	color: #222;
	font-weight: bold;
padding-bottom: 10px;
}

btw:
consider to create a child theme instead of editing Twenty Ten directly – if you upgrade the theme all your modifications will be lost.

https://codex.www.ads-software.com/Child_Themes

I really thought that would work, it seemed so obvious, but unfortunately it didn’t. I even tried 20px, deleted cache and refreshed page. Any other ideas? Here’s the whole widget code…

[CSS moderated as per the Forum Rules. Please just post a link to your site.]

hi
replace this code if u need more space between the title and the content increase margin-bottom: 10px

.widget-title {
	color: #222;
	font-weight: bold;
padding-bottom: 10px;
}

with the below one

.widget-title {
    color: #222222;
    font-weight: bold;
    margin-bottom: 10px;
}

you succesfully added a top margin –

.widget-title {
        margin-top: 20px;
	color: #222;
	font-weight: bold;
}

now try to add a bottm margin or bottom padding:

.widget-title {
        margin-top: 20px;
	color: #222;
	font-weight: bold;
        margin-bottom: 20px;

}

this WordPress forum is really not the place to teach fundamental formatting and the use of css.

I’ve tried every single combination now – margin & padding, top, bottom, and both, 10 & 20px, updating every single time, and no change. On my site there’s a gap between the ‘About Me’ widget and the text, I don’t understand why I can’t get the same gap under ‘Pages’.

Edited to say, I did remove some code a while ago to get rid of the menu that would normally be below the header. Could this be having any effect? (I don’t want to replace the header menu btw).

Brian.

the space in the textwidget is done with the added line full of underlines:

<p>____________________<br>

this is totally different from your problem with the pages title;

last try:

after the closing } bracket of this style:

.widget-title {
	color: #222;
	font-weight: bold;
}

please add this into a new section:

.widget_pages .widget-title {
padding-bottom: 15px;
border-bottom: 1px solid #000;
margin-bottom: 5px;
}

this new style should re-create the look of the ‘about me’ title.

and please leave this edit in the style.css until someone of this forum had a chance to check it and to reply.

Sorry, again it hasn’t changed anything. Out of desperation I even tried inserting the line code to see if that would change anything, but again nothing. I’ve removed that now and just left in the code you suggested, as requested.

I hope someone can solve this, I’m getting desperate!

Brian.

it has worked – see screenshot https://imageshack.us/photo/my-images/35/pagestitle.jpg/

you need to find a better way to clear your browser cache.

try ‘CTRL F5’ –

Just returned from a night out, logged on refreshed, and nothing whatsoever has changed on my site. I’ve no idea how you created that screenshot, but it isn’t real. Sorry, I have to say, I’m running out of life here. What is browser cache btw? I’ve tried ‘CTRL F5’

I can see the padding (15px) between the title and the content as well

hi

I Can See That You Have Made Some Changes Its Working

Kindly Clear The Cookies And Caches And Try It Els Replace That Code With The Below One

@stinggb

.widget-title {
        margin-top: 20px;
	color: #222;
	font-weight: bold;
        margin-bottom: 20px;

}