Block-coloured navigation

11 posts from 4 voices

• Started 8 months ago by fastshow
• Latest reply from Mya
• This topic is closed
• This topic is resolved

Tags:

No tags yet.

1. 

   fastshow
   Member

   Apologies is this is a repeat post or request - I have looked through the forums but can't see anything similar. Please can you let me know the CSS required to make the left-hand navigation one solid, block colour, red for instance, and then have the navigation words in white text. I'm sure it's possible to make the entire left-hand side of the page a single colour, I just don't know how!

   Cheers.

   Posted 8 months ago #
2. 

   Ismael
   Moderator

   Hi,

   You can add this on your custom.css

   .sidebar {
   background: red;
   padding: 10px;
   }

   Regards,
   Ismael

   Posted 8 months ago #
3. 

   fastshow
   Member

   Thank you Ismael - please can you also let me know how to make the entire navigation side of the website one colour ie: red? Not just the navigation menu but that entire side of the site?

   Thanks so much for the great support.

   Posted 7 months ago #
4. 

   Dude
   Dude

   Hi!

   You can try following css code - add it to css/custom.css or the quick css field:

   .sidebar.sidebar1{
   background: #ff0000;
   }

   Best regards,
   Peter

   Posted 7 months ago #
5. 

   fastshow
   Member

   Hi Peter,

   Thank you for your response but I've tried that, the red only fills the navigation rectangle, it doesn't fill the entire side.

   Any other ideas?

   Sorry to be a pain!

   Posted 7 months ago #
6. 

   Dude
   Dude

   Hey!

   Can you post a link to your website please?

   Regards,
   Peter

   Posted 7 months ago #
7. 

   fastshow
   Member

   Any luck Peter - I've truly exhausted all my technical knowledge on how to do this?

   Cheers,

   Fastshow

   Posted 7 months ago #
8. 

   Dude
   Dude

   Yes, unfortunately you're right. It's not easily possible to create a red sidebar. The only solution I can think of is to use a backgound image for the .boxed #wrap_all element and to add a red strip to it. The image needs to be 990px (height can be 1px) and the (red) sidebar area 310px (260 + 30 + 20px). JJust repeat it along the y-axis and you'll have more or less the same effect.

   Posted 7 months ago #
9. 

   fastshow
   Member

   Will give that a go, thank you.

   Please can you delete the url to the site I'm working on?

   Thanks again for your help.

   Posted 7 months ago #
10. 

    Mya
    

    I deleted the post for you fastshow. Let us know if you need any further assistance.

    Regards,
    Mya

    Posted 7 months ago #
11. 

    Mya
    

    Post resolved. Closing

    Regards,
    Mya

    Posted 7 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.