Joomla Templates Club 406,261 posts

[tphmedia Friend tphmediaJoin date: July 2009Posts: 139Downloads:0Uploads:27 Thanks: 17 Thanked: 2 times in 1 posts]

#176922

The strip behind the logo and menu….

Thanks!

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#452448

Fancy posting a url (and set optimise css to off) or an image so that we can see exactly what you are trying to achieve? Lots is possible!!

---

Attachments:

1. 

[tphmedia Friend tphmediaJoin date: July 2009Posts: 139Downloads:0Uploads:27 Thanks: 17 Thanked: 2 times in 1 posts]

#452450

http://174.121.38.35/~profroof

I want to change the header background to white and the menu background to blue or green.

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#452451

<em>@tphmedia 318953 wrote:</em><blockquote>http://174.121.38.35/~profroof

I want to change the header background to white and the menu background to blue or green.</blockquote>

Can you set please in Template Manager, Orisite, Global, the Optimise CSS to ‘No’. Then I will be able to see the right file to change.

Thanks

[tphmedia Friend tphmediaJoin date: July 2009Posts: 139Downloads:0Uploads:27 Thanks: 17 Thanked: 2 times in 1 posts]

#452454

Yes, did that.

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#452456

White I think would detract from the site.

Something like this maybe?

---

Attachments:

1. 

[tphmedia Friend tphmediaJoin date: July 2009Posts: 139Downloads:0Uploads:27 Thanks: 17 Thanked: 2 times in 1 posts]

#452458

no…white behind the logo and navy buttons. Too much black I think…

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#452460

I can’t see black. I see blue! Or do you mean the drop down of the menü?

With white and navy…

With this you need to do with the top menu as the hover is white i.e. text disappears when you have the mouse on it. BTW About Us has spelling mistake.

Can you do an image of what you want?

---

Attachments:

1. 

[tphmedia Friend tphmediaJoin date: July 2009Posts: 139Downloads:0Uploads:27 Thanks: 17 Thanked: 2 times in 1 posts]

#452490

Here is the mock up. Currently behind the logo and navigation menu, it is BLACK (or perhaps dark navy blue…depending on your screen..). I need it WHITE.

I want the menu bar to be navy blue (same as the background), around the search bar, around the modules (not shown in the picture, but further down the page) and over the slideshow.

Just need to know where to change the CSS (or drop in another image) for these elements.

---

Attachments:

1. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#452506

This code is in your template.css file. Just substitute the colour codes for your own!

line 137 for the search box border
#ja-search {
float: right;
clear: both;
border: 10px solid #1B2E5A
padding: 1px;
background: #050607
position: static;
}


line 1026

#ja-mainnav {
background: #0A0B0C
}


line 1028

#ja-mainnav .main {
background-color: #252628
}


Hope that helps!

[tphmedia Friend tphmediaJoin date: July 2009Posts: 139Downloads:0Uploads:27 Thanks: 17 Thanked: 2 times in 1 posts]

#452605

Yes!

Now how to change the border of a module when highlight-title is chosen. So I need to change the module class? Where?

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#452606

Search your template.css for the word ‘highlight’ and you’ll come across this block of code

<blockquote>
/* Highlight —*/
div.ja-moduletable.highlight
{ border-color: #1b2e5a; border-width: 5px !important; background-color: #fff; padding: 15px !important; }

div.ja-moduletable.highlight h3 { color: #1b2e5a; }

div.ja-moduletable.highlight .highlight { background-color: #fff; padding: 0; font-weight: normal; }

/* Highlight Title —*/
div.ja-moduletable.highlight-title { background-color: #252627;}

div.ja-moduletable.highlight-title h3 { text-align: center; background: url(../images/highlight-title.png) no-repeat center bottom; margin: -15px -19px 15px; padding: 15px 19px 25px; color: #fff; border-bottom: 0;}

</blockquote>

🙂

1 user says Thank You to swissa for this useful post

1. tphmedia

[tphmedia Friend tphmediaJoin date: July 2009Posts: 139Downloads:0Uploads:27 Thanks: 17 Thanked: 2 times in 1 posts]

#453160

perfect! Thanks!!!!

[Author]

Posts