razorpig

Hi jc32, Thanks for the reply. I tried this previously, but the header then extends beyond the navigation bar below a certain width (around 770px). I’ve changed it so you can see what’s happening…

https://www.razorweb.co.uk

Oh sorry. I forgot to put a link in my original post.

https://www.razorweb.co.uk

I’m using Catch Box.

Thanks Andrew, I appreciate the reply. I’d still like to understand the purpose of each of these elements, and why so many are needed. Could you perhaps clarify a little further?

Hi Tom, Many thanks again for your reply. For whatever reason it seems be working fine now – I cleared the cache, tried it again and it’s still working. Just one of those things I guess but big thanks for your previous response. Worked a treat ??

Hi Tom, Many thanks for your reply. That works fine for the sliders intended to be displayed at full width, but there are two smaller ones at the bottom of the following page that should be displayed side by side ;

https://www.centrepiecedesign.com/coffee-table/

Any ideas how I can fix this?

Perfect! Thanks Ryan. Much appreciated ??

Hi Ryan, thanks for the reply. Sorry about that – pasted in the contact form shortcode instead of the page link! I’ve amended it now in my original post. As you’ll see the size and border of the text box is different…

Thank you both. I deactivated my caching plugin and now it’s working fine. I did clear the cache – or so I thought…but I’ll remember to deactivate it in future. Much better ?? Nice to know my code was correct ??

…just for testing, you can use [email address moderated – these forums do not provide support via email] in the required e-mail field if you want ??

Oh well ?? thought I’d give you an e-mail to use for testing purposes but it’s been moderated. Nevermind.

Thanks Andrew! ?? That worked a treat. For others looking at this thread – I added this code :

#branding ul.menu a:focus {
background: #807134!important;
color: #cccccc!important;
-moz-border-radius: 5px;
border-radius: 5px;
}

If you click on a menu item in Firefox and move the mouse away immediately, the background turns white, which I think is the default behaviour of the theme…it does the same thing in IE, but works OK in Chrome and Safari.

Hi Andrew…I’m using CSS for the fade effect. Almost happy with it now, but still got the problem with Firefox :-/

..ah. The white text is working but it’s using 0.3 opacity so it’s not very bright. I’ll need to use a solid colour for the background and scrap the opacity setting.

…and I want the menu text to fade to white when clicked on. I’ve added this to the style sheet but it’s not working :-/

Hi Rod, yeah I’m aware of that problem with the home button – I was going to start a separate thread for that, but I’m gonna try and fix it myself first. As for the button effects, I tend to agree with you, I wanted to leave the button highlighted once it was clicked on, but the only way I know of doing this is via the :active selector, but I don’t want any menu item highlighted when one first visits the site. I don’t know of a workaround. My compromise was to put a slight glow on the active menu text, but it’s not very clear…