Changing the button color in Joomla 3.5

bec
Offline

Active Subscriptions:

None

7 years 10 months ago #58743 by bec

Changing the button color in Joomla 3.5 was created by bec

Hi,
In some of the other forum responses there is an indication that css was to be broken out for this button. I'm wondering if this has happened? I'd like to update the color to match the theme. The template is protostar, almost untouched.

The website is test2.westgatebaptist.org.au

Thanks
Brian

The topic has been locked.

mel
Offline

Support Specialist

7 years 10 months ago #58749 by mel

Replied by mel on topic Changing the button color in Joomla 3.5

To change the button colors, we'd recommend you make your own theme and adding the styles to customize them. Looking at your page, are you referring to the "Login" button that launches the modal? If so, here are some styles that may get you closer to what you want:

.sourcecoast .btn-primary {
background-color:#097312;
background-image: linear-gradient(to bottom, #0b8e16, #097312);
}
.sourcecoast .btn-primary:hover{
background-color: #0b8e16;
}

-Melissa

The topic has been locked.

bec
Offline

Active Subscriptions:

None

7 years 10 months ago #58758 by bec

Replied by bec on topic Changing the button color in Joomla 3.5

Thanks for the reply. Yes I'm just trying to bring the button color into line with the rest of the page.

When you suggest creating my own 'theme' where do I do this? I have learnt about overrides for the template, so as to not change the default. How do I do this for sclogin? I think I can see where to edit media\sourcecoast\css\sc_bootstrap.css, however I assume this will be overwritten if the module is updated?

Thanks
Brian

The topic has been locked.

mel
Offline

Support Specialist

7 years 10 months ago #58759 by mel

Replied by mel on topic Changing the button color in Joomla 3.5

Yes, I would not recommend directly editing the sc_bootstrap.css file, but instead putting it in your own theme css files. Documentation for our SCLogin theme system can be found here . Let us know if you have any problems or questions creating your own.

-Melissa

The topic has been locked.

bec
Offline

Active Subscriptions:

None

7 years 10 months ago - 7 years 10 months ago #58763 by bec

Replied by bec on topic Changing the button color in Joomla 3.5

Thanks, that is very helpful. Could I suggest a small ammendment to the instructions?
Currently it says:

Creating a template override is the process of creating a special file in your Joomla's template directory. The SCLogin module will automatically search for and use these special files, if found

It would help if "special files" became singular :"special file"

Also:

you can copy the original theme CSS files

It would be helpful if this were " you can copy the original theme CSS file eg sourcecoast.css" ie singluar and an example

As the help page is specific to SClogin I don't think the generalisation by plural and not mentioning file names is as helpful as it could be.

Update: having fiddled a little more I now realise that SCLogin comes with 2 themes: default and sourcecoast. I found that I wanted to update default, not sourcecoast, so have only copied default.css into the proposed directory and renamed it to default-mysite. Then a theme named default-mysite was available in SCLogin module. I discovered this as the first time I copied sourcecoast and wondered why buttons had gone charcoal and other changes that are part of that theme!

Brian

Last edit: 7 years 10 months ago by bec.

The topic has been locked.

mel
Offline

Support Specialist

7 years 10 months ago #58765 by mel

Replied by mel on topic Changing the button color in Joomla 3.5

Yes, SCLogin comes with multiple themes, hence the wording for special files vs file. From your latest update, it sounds as if you were able to successfully create a theme and select it in SCLogin. If you're still having issues let me know.

-Melissa

The topic has been locked.

Start
Prev
1
Next
End

SourceCoast Login

Changing the button color in Joomla 3.5