SCLogin Button CSS Colours doing my head in...

PhoenixUK
Offline

Active Subscriptions:

None

10 years 5 months ago #56301 by PhoenixUK

SCLogin Button CSS Colours doing my head in... was created by PhoenixUK

Hi There,

I'm using a css override file, to future proof any personalisation changes I've been making since putting your great SCLogin extension in place on my site.

However, whilst I have pretty much where I want it - the actual Login button hover colour is doing my nut in and whatever changes I make in the css override, doesn't seem to be effective and I'm probably missing something obvious.

If you go to: Here... and you will note the login button to the left, don't click it just hover over it and you will see a green colour behind the hover, I want this a different colour and in keeping with my sites corporate branding colours.

The code I'm currently using / playing with is as follows;

.sourcecoast .btn {
    border: 0;
    background-image: none;
    background-color: #002f65;
    padding: 16px 22px;
}

.sourcecoast .btn-primary {
    background-color: #08A9CC
}

.sourcecoast .btn-primary:hover {
    background-color: rgba(0,47,101,0.6)
}

I'm hoping you can help me end this nightmare, so I can move on to the whole JFBConnect setting up and personalising, which I feel is going to be an even bigger learning curve and biatch

Regards,

The topic has been locked.

alzander
Offline

Support Specialist

10 years 5 months ago #56312 by alzander

Replied by alzander on topic SCLogin Button CSS Colours doing my head in...

You're styles are correct. However, they're being overridden by even more overrides in the following file:
templates/rt_kraken/custom/css-compiled/custom_35.css?5686d485
Specifically:

/* line 113, /home/mainisknowhow/public_html/testing_site/templates/rt_kraken/custom/scss/custom.scss */
.sourcecoast .btn-primary:hover {
  background-color: rgba(70, 178, 119, 0.6) !important;
}

I'm not sure where those styles are coming from, but I think you may have done some earlier styling in that custom.scss file that you need to remove and re-compile.

I hope that helps get you going. The good news is that JFBConnect is (usually) much more point and click since we don't have lots of styles and stuff there.. but if you run into issues, of course, just let us know.

Thanks,
Alex

The topic has been locked.

Start
Prev
1
Next
End

SourceCoast Login

SCLogin Button CSS Colours doing my head in...