How to make Header_Left position transparent & reduce margin

Hello there,

i spent over 3 hours on the forum to find something similar at least but wasn't that lucky, here is the link to the site that i am working on right now. sisco.webs.lk (no www) you can see the header_left position where the news module was that i have assigned to contain a message, i have already made the message the way i want but there are unwanted margins from top and bottom which i don't know how to fix... please advise me the path of the file that i have to edit, and which line. or the override.

and then i need to make the same position slightly transparent. i think its not a big deal as the header_right position was transparent by default. so please let me know how to.

and the Next Question is, how to do the same as i have mentioned above, to the header_right position ?

here is the url again : sisco.webs.lk

Thank you!

Hi

To help with this I will need an access to Your site. It's offline right now.

Thank you for your reply, i have PM you the login info to the frontend.

Hi

Add this code to override.css:

Code: Select all

#gkHeaderLeft {
    background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
    padding: 25px 15px;
}


use a transparency value You need by changing 0.4 in above code and padding to the point it will be usefull for You.

Thank you very much, with your help i could make it the way i wanted. you can consider this as a solved issue and close the thread. Thank you again.

Hi

Glad I could help. Closing this thread than.