Joomla Templates Club 406,261 posts

[pearlhouse Friend pearlhouseJoin date: July 2014Posts: 20Downloads:1Uploads:3 Thanks: 3]

#200552

Hi,
I just flipped the template color change in the JA Decor Template manager from default Blue to Turquoise. There are a few areas I am trying to fix.
1) JA Masshead – Color didn’t change. I see 2 CSS calls and the turquoise one is being over written thus turning it black
2) The top left logo spot doesn’t have the angular box around it
3) The Logo on lower navigation bar has a big turquoise box behind it.

I’d especially like to have help with fix 1 and 2. 3 and other small items I think I can handle.

Thanks,
Jeff

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

#546195

Hi Jeff:

In looking at your current site (versus the default demo version), other than the logo outline issue, I’m a little confused as to exactly what elements you want to change the color for. Might you be able to throw together a quick screenshot mock-up depicting exactly what you ant to accomplish?

Also, in preparation for the custom CSS modifications I will be trying to help you with – and if you have not yet done so – create a new file called “custom.css” within file path –> /templates/ja_decor/css/
(so the file path will be –> /templates/ja_decor/css/custom.css )

[pearlhouse Friend pearlhouseJoin date: July 2014Posts: 20Downloads:1Uploads:3 Thanks: 3]

#546426

Here’s a screengrab showing the jamasshead with a black looking color instead of the matching turquoise.

---

Attachments:

1. 

[pearlhouse Friend pearlhouseJoin date: July 2014Posts: 20Downloads:1Uploads:3 Thanks: 3]

#546428

I have also created the custom.css file where you asked for it.

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

#546431

<em>@pearlhouse 441877 wrote:</em><blockquote>I have also created the custom.css file where you asked for it.</blockquote>

So, just to be clear, you want the area with the heading “Bathrooms” to be turquoise?

[pearlhouse Friend pearlhouseJoin date: July 2014Posts: 20Downloads:1Uploads:3 Thanks: 3]

#546438

yes, that same area, on all the jamassheads. I would also like it to work of each color if I change it. My clients are not totally decided yet, just not the blue default one. I’ve seen one of the other colors work (I think it was yellow), but I need them all to work so I can show the site them.

Thanks,
Jeff

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

#546439

Paste the following wihtin the custom.css file you created:


.t3-masthead {
background: none repeat scroll 0 0 #1abc9c
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better?

[pearlhouse Friend pearlhouseJoin date: July 2014Posts: 20Downloads:1Uploads:3 Thanks: 3]

#546440

yes, that is better.

Is there anything you can help me with on the logo issues?

Thanks,
Jeff

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

#546442

<em>@pearlhouse 441889 wrote:</em><blockquote>yes, that is better.

Is there anything you can help me with on the logo issues?

Thanks,
Jeff</blockquote>

The background (in the demo) is merely a background image. This is the CSS from the demo:


.logo-image {
background: url("/templates/ja_decor/images/logo-bg.png") no-repeat scroll center bottom / 100% auto rgba(0, 0, 0, 0);
margin-top: -10px;
min-height: 130px;
min-width: 200px;
position: absolute;
text-align: center;
z-index: 2;
}

So, what you can do is locate that background image (from within your original template files –> /templates/ja_decor/images/logo-bg.png) and change the color to turquoise within your image editor. You can then modify the “background” property CSS (if needed) for the name of your new logo file – and paste the updated CSS into your custom.css file.

Make sense?

[Author]

Posts