razorpig

That’s nearly there…would be nice to get it just little closer though. Negative margins maybe??

Nice idea again! ?? …but if I leave the title field for my widget blank, it automatically inserts the title “Pages” :-/ …if I just use a blank space, obviously it leaves a huge gap between the new widget containing the image, and the list items. I’ll carry on tweaking but if you’ve got any other ideas please let me know…BIG thanks for your help so far ??

Just thought, maybe I can reduce the title line height to zero…I’ll try it…

I just used the Pages widget to generate the list. Not sure where to add the code. I’ve only got style.css and footer.php in my child theme. Do I need to copy another file in to my child theme and edit that?

Err…apologies for my ignorance – I’m gonna reveal myself yet again as relative a newbie ?? I thought you meant add some padding to the .widget .widget-title element, but I think I know what you mean. You mean skip that element altogether and add the image below it. Not sure which file to edit to do this? Will I need to make a copy in my child theme so it doesn’t get overwritten by any future updates. I use a custom style.css file for tweaking…but not sure how I add this image in before the list items??

Ah thanks again. Nice idea ?? I’ll try it…

Thanks Media X! – that explains it ?? I just want to add a little custom title, which I’ve now done by using a transparent image, but now I have a further issue. The background image won’t display unless I enter a title…as you can see :

https://www.centrepiecedesign.com

I want to remove the text and just show the image.

Any ideas?

Thanks again WPyogi ?? I’m not using Firebug no. I just use the Inspect Element option in Chrome. I’m still learning but most of the time I’m able to find the code I need. Didn’t work for this latest problem though because the box disappeared when I went to right click on it. I’m getting the impression Firebug is a more powerful tool than the one bundled with Chrome. I’ll take a look. Thanks for the advice, and thanks again for the reply ?? Works a treat!

Ah perfect ?? thank you WPyogi! Yeah I do use CSS – I was trying all sorts of combinations using float, but none of them seemed to work. I’m sure I tried your solution first of all – must have made a syntax error. It’s been a long day….Still, good to know I was on the right track.

Anyway…BIG thanks yogi ??

Ah..got it!! ?? Just didn’t need the # symbol in my code. This worked :

body {padding-top: 0px!important;}

But thanks for your quick reply esmi. Much appreciated ??

Hi esmi…I thought I was doing that by using the inspect element function built in to Chrome. That’s how I found the offending code…

Perfect! ?? Thank you Michael. That worked a treat. Menu’s looking lovely ??

OK…I’ve been playing around with CSS3 transitions (thanks for the link Andrew). Almost got it working, but for some reason when I hover over the menu items I still get the white block appearing…fade is working in the background but the white block obscures it. Hmmm?? How can I get rid of the white block rollover…been digging around in the code but can’t seem to find reference to it – but I am a newbie ??

Thanks for both replies ?? eGriffinWebDesign – it almost worked perfectly! The text is fading in beautifully, but sadly the fade isn’t working on the box/background. Check it out: https://www.mandody.com

Any ideas how I can get the box fading in too?

I feel I’m getting close ??

Many thanks again.

I know this is an old thread, but in case someone else needs help with this, just wanted to say that this worked a treat ?? Thanks vtxyzzy

Thanks vtxyzzy. I really appreciate you taking the time to reply. Article looks great. Will try it out ??