Joomla Templates Club 406,261 posts

[hbic Friend hbicJoin date: June 2015Posts: 189Downloads:15Uploads:5 Thanks: 61 Thanked: 6 times in 1 posts]

#660873

When I change the the color of the ‘button’ fields in Thememagic it does nothing to change the color of the buttons on the front page.

Where can I change these colors?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#660913

Which buttons are you wanting to change?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#745387

Which buttons are you wanting to change?

[hbic Friend hbicJoin date: June 2015Posts: 189Downloads:15Uploads:5 Thanks: 61 Thanked: 6 times in 1 posts]

#661719

Sorry Tom, I should have included more info.

Take a look at http://162.242.220.38/joomla/

The green buttons on the right are the ones I want to change the color of.

I am using the Application site for Uber. I added to the menu that contains ‘Buy App!’ in the demo.

When I change ‘button color’ in Thememagic nothing happens, they stay green.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#662261

Hi

Actually, they are links and are styled to look like buttons there. You can change the color via css:
– Go to the file: root/templates/uber/css/custom.css (create this file if it doesn’t exist)
– Add this css rule:


.uber-header.header-4.light-color .site-navigation-right .right-menu ul li > a {
background: #38b775 <<< change to your desired color;
}


[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#745604

Hi

Actually, they are links and are styled to look like buttons there. You can change the color via css:
– Go to the file: root/templates/uber/css/custom.css (create this file if it doesn’t exist)
– Add this css rule:


.uber-header.header-4.light-color .site-navigation-right .right-menu ul li > a {
background: #38b775 <<< change to your desired color;
}


[hbic Friend hbicJoin date: June 2015Posts: 189Downloads:15Uploads:5 Thanks: 61 Thanked: 6 times in 1 posts]

#662491

This has no effect.

Here is the content of my custom.css:

.right-menu > .nav {display:flex}
.right-menu .nav li {padding:3px;}
.right-menu .nav li.item-665 {padding-top:5px!important;}
.uber-header.header-4.light-color .site-navigation-right .right-menu ul li > a {
background: #977347
}

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#662492

Try This . . . .

Within file path —> /templates/uber/acm/header/css/style.css
at line 861, you should see the following CSS rule:


.uber-header.header-4.light-color .site-navigation-right .right-menu ul li > a {
background: #38b775 none repeat scroll 0 0;
border: 0 none;
border-radius: 2px;
color: #ffffff;
font-weight: 700;
height: auto;
line-height: 1;
padding: 13px 26px;
text-transform: none;
}

Modify the color code within the “background” property to whatever color code you wish.

HOPE THAT HELPS.

[hbic Friend hbicJoin date: June 2015Posts: 189Downloads:15Uploads:5 Thanks: 61 Thanked: 6 times in 1 posts]

#662506

No dice. No effect whatsoever.
I backed up the file and replaced every #38b775 with #977347, the color I want, and no change.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#662509

<em>@hbic 487785 wrote:</em><blockquote>No dice. No effect whatsoever.
I backed up the file and replaced every #38b775 with #977347, the color I want, and no change.</blockquote>

That’s very odd – I tested it out in Firebug and it worked as it should.

Maybe try clearing both your browser and JAT3 cache.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#662535

You can PM me ftp account of your site, I will check for you.
@tomc: <blockquote>JAT3 cache</blockquote>
>>> there is no JAT3 cache here

[hbic Friend hbicJoin date: June 2015Posts: 189Downloads:15Uploads:5 Thanks: 61 Thanked: 6 times in 1 posts]

#672814

I couldn’t get access. I am not the SU of the site and have limited access to Joomla. A developer with access fixed it for me, I’m going to close this out.

[hbic Friend hbicJoin date: June 2015Posts: 189Downloads:15Uploads:5 Thanks: 61 Thanked: 6 times in 1 posts]

#746707

I couldn’t get access. I am not the SU of the site and have limited access to Joomla. A developer with access fixed it for me, I’m going to close this out.

[Author]

Posts