Joomla Templates Club 406,261 posts

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#201577

Hi there, site: http://ccs.dnsnetworks.ca/

I have a doozy for you guys… I was wondering if it would be possible to make the top menu (the entire top of the page) a white strip? which I could then put my logo : and also my menu items in the same red as the red theme… (cant seem to get the red theme to stick)

Here’s what I would like it to look like :

I’m pretty sure one of you mods could do it … you’re all so darn smart!! thanks so much !!!

---

Attachments:

1. 
2. 

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

#550652

We can take this one step at a time . . . . . .

For starters, create your custom.css file (as I know you know how to do at this point).

Paste the following within your custom.css file:


.has-slideshow .t3-header {
background: none repeat scroll 0 0 #fff;
position: fixed;
}

.navbar-default .navbar-nav > li > a {
border-radius: 0;
color: #000;
font-size: 14px;
font-weight: 700;
outline: medium none;
padding: 21px 0;
text-transform: uppercase;
}

This will get you your white main nav section and re-color the main nav item text (to black for now).

So far so good ???

1 user says Thank You to TomC for this useful post

1. sebbs

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#550654

Wow! that looks good already! I think I would like the menu items black!

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#550656

Do I just put the logo in within the images file?

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

#550657

<em>@sebbs 447197 wrote:</em><blockquote>Do I just put the logo in within the images file?</blockquote>
Give that a shot first . . . . If it doesn’t work, then we’ll try it via your custom.css 😎

1 user says Thank You to TomC for this useful post

1. sebbs

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#550658

Perfect! Now how do I make it stay on the red theme?

<em>@TomC 447199 wrote:</em><blockquote>Give that a shot first . . . . If it doesn’t work, then we’ll try it via your custom.css :cool:</blockquote>

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

#550661

<em>@sebbs 447200 wrote:</em><blockquote>Perfect! Now how do I make it stay on the red theme?</blockquote>

You need to make sure you have the correct Menu Assignments within your Template Manager–Theme settings.

I set the Home page for you. 🙂

1 user says Thank You to TomC for this useful post

1. sebbs

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#550662

Awesome~! One little thing … when you scroll down then back up our white strip becomes black and then you cant see the logo

Hey! Thanks for setting that for me!

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

#550663

<em>@sebbs 447205 wrote:</em><blockquote>Awesome~! One little thing … when you scroll down then back up our white strip becomes black and then you cant see the logo</blockquote>

Hmmm, not sure why that is occurring . . . . Gonna farm this one out to my Team Colleagues (if that’s okay). :-[

1 user says Thank You to TomC for this useful post

1. sebbs

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

#550666

Looks like a similar situation – and solution – was posted HERE

1 user says Thank You to TomC for this useful post

1. sebbs

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#550667

Hmmm not sure if it worked… I added the code in my custom.css … however you can still see the black color as your scrolling upwards …

<em>@TomC 447210 wrote:</em><blockquote>Looks like a similar situation – and solution – was posted HERE</blockquote>

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#550722

Hi,

Please add this code to custom.css file :


.scrollDown .t3-header, .scrollUp .t3-header {
background: #fff !important;
}

2 users say Thank You to Adam M for this useful post

1. sebbs
2. TomC

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#550770

Sweet ! That worked! …

<em>@Adam M 447275 wrote:</em><blockquote>Hi,

Please add this code to custom.css file :


.scrollDown .t3-header, .scrollUp .t3-header {
background: #fff !important;
}
</blockquote>

[Author]

Posts