Support Forum

The buttons are pretty much the main difference.  The red background was changed slightly from #99000 to 8B1A1A to match the blog color but it's hard for my eyes to see that difference. 🙂

There were some changes to the profiles menu that were tested with this theme and then added to the core themes. If you are using the latest themes those changes should be in there.

Basically you can change the button color with one entry in the overlay file. If you want to do that I can point it out.

Michaela Rose said

Thanks Brandon. I only got this plug in a week or so ago but can't see anything in profiles. Can you pls tell me how to change the colour then? Thank you

There are no settings in the SP admin menu that allows you to tweak colors. You would first start by creating your own personalized theme. See here on how to do that. http://codex.simple-press.com/.....g-a-theme/

Once you have your own theme the main php or CSS file that sets the colors, spacing, font size and things like that would be in your theme's /styles folder.

Here is the long answer to changing a button color...

If you are wanting to change your button color for example and you copied something like the default.php file you can open it in a text editor and search for

#spMainContainer a.spButton,
#spMainContainer .spButtonAsLabel {

under it you will see several entries. One of them is background: and probably looks like this:

    background: <?php echo($alt1SectionBackGround); ?>;

If you then open up your Sky-Red.php file, or any overlay that you are using, you would want to look for the entry that says

$alt1SectionBackGround    ='...';

After the = equals sign is where you would put the color you want the button to be. But you probably will see something like this.

$alt1SectionBackGround    = $alt1SectionGradient; # pick background from:....

That is because we want to use a gradient color scheme. Two different colors, the top different from the bottom. So the background entry says to use the gradient entry..

So you would then look for the entry

$alt1SectionGradient    =....

In that entry you will see a whole bunch of stuff and really start getting confused..

"-moz-linear-gradient(100% 100% 90deg, $alt1SectionTo, $alt1SectionFrom); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from($alt1SectionFrom), to($alt1SectionTo));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$alt1SectionFrom, endColorstr=$alt1SectionTo,GradientType=0 );background: -ms-linear-gradient(top, $alt1SectionFrom 0%,$alt1SectionTo 100%); background: -o-linear-gradient(top,  $alt1SectionFrom 0%,$alt1SectionTo 100%); background: linear-gradient(top, $alt1SectionFrom 0%,$alt1SectionTo 100%); background: linear-gradient(top, $alt1SectionFrom 0%,$alt1SectionTo 100%); background-color: $alt1SectionBase;";

But don't be concerned with having to understand everything on the line or edit that entry. What you want to look for is where it says to use $alt1SectionTo & $alt1SectionFrom those are the two colors that you are going to use for the gradient in the button.

Just above that entry your will see the two start stop colors defined.

$alt1SectionFrom        = '#FFFFFF';
$alt1SectionTo          = '#990000';

You can change the colors there to change your button color. Here is a site that lists a bunch of color codes you can look at or play with. http://www.w3schools.com/probl.....colors.asp

Here is the short answer.

Change these in your overlay to the top and bottom colors you want your button to have

$alt1SectionFrom        = '#FFFFFF';
$alt1SectionTo          = '#990000';