sheelagh

Hi Kathryn
I tried that but it didn’t change the hover attribute – and infinitesimally altered the button state to make it appear very slightly smaller – almost imperceptibly so.

In any case I am grateful for the support you have offered and don’t want to waste your time chasing an outcome that might not be possible. You never know I might be back in a few days with another thorny nugget … but hope not so!

Thanks Sheelagh

Hi Kathryn

Thanks that is much improved on the iphone. There is a definite change of colour on click .. but not hover ..if your finger lingers lightly on the button a popup window offering Open| Open in new tab | Add to reading list | Copy | Cancel – so I guess that’s ios having its on way. Its good enough to be going on with so unless something springs to your mind I think we can say case closed – with your help the front page looks a lot better than before.
Thank you, Sheelagh

That button looks really great on chrome Kathryn except that on an iphone the button doesn’t respond quite the same way – when you hover the whole button turns a kind of grey brown translucent colour please take a look at this screenshot https://drive.google.com/file/d/0By6dWjvsJpvpZ3ZxV2dlTXNiN2pBVW9nQ1ZlM1Q1Q1o1SGZR/view?usp=sharing

Hi Kathryn
the URL linking is working fine now thanks you. I checked the button documentation you shared and tried to change the hover state to white on red (currently its white on black)
using this code – but no success
/* Add a rollover background colour but keep the text white */
.button:hover,
.button:focus,
.button:active {
background: #B23D3C;
color: #fff;
}

Hi Kathryn that CSS certainly improved things – but if I could get the button to work that would be even better.

The following code produces a perfect button but when you hover over it it turns black with a circular Stop symbol like a traffic sign

Register

I picked the code from the Goran theme implementation documentation

Hi Kathryn that CSS certainly improved things – but if I could get the button to work that would be even better.

The following code produces a perfect button but when you hover over it it turns black with a circular Stop symbol like a traffic sign

<a href="https://tinyurl.com/mnhptya">Register</a>

I picked the code from the Goran theme implementation documentation

• This reply was modified 7 years, 10 months ago by Kathryn Presner. Reason: put HTML in code tags

actually maybe i should use a button??

Hi Kathryn
Thanks for getting back to me so quickly i’ve implemented that code and it improves legibility but u r right the image is making things difficult – but it will have to stay for the moment until I can sort something else out.
Thanks you

Sheelagh

Super Gary thanks you very much

Hi Gary
Two things ..
1. when hovering over link text in the footer widget area nothing happens. Should the CSS code in the second case below use a different parameter?
/* change footer widgets link colour */

.footer-widget a {
color: #00ff00;
}

/* change footer widgets link colour on hover */

.footer-widget a {
color: #00ff00;

2. The social icons once clicked go a kind of charcoal colour – see screenshot
https://drive.google.com/file/d/0By6dWjvsJpvpS0tVYjAxVWttQjQ/view?usp=sharing

Thanks for your help

Brilliant thanks a million Gary

Hi Gary sorry I should have been more specific – I want to change the background color and the text color for the widget area in footer 1, 2 & 3 at the bottom of the Goran site. You can see a screen shot here https://drive.google.com/file/d/0By6dWjvsJpvpbmlfbHV2MXJ0dFE/view?usp=sharing
thanks

Wow thanks Gary thats brilliant ! It looks great. Just one thing I forgot to ask about changing footer background colour and footer text colour – is that an easy fix too?
Thanks Sheelagh

Thats great Chad thanks, I used both methods. Inputting text solved issue with frontpage and CSS sorted out mobile images on other pages. Thank You