Help with Changing Menu Background and Search

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
rochak
Forum Members
Forum Members
Posts: 16
Joined: Mon Jan 23, 2012 12:00 pm

Help with Changing Menu Background and Search

Post by rochak »

Hi all

I am using the CMS MS 19011 template.. website http://www.greenfuture-group.com/index.php?page=test

I need help with couple of things

1. I want to move the search button on the page to the menu level. Preferably as shown on the screenshot. Can anyone guide me how?

2. I would also link to change the menu background color to black? Please guide, thanks

Screenshot:
http://awesomescreenshot.com/00231cc5c
mcDavid
Power Poster
Power Poster
Posts: 377
Joined: Tue Mar 31, 2009 8:45 pm

Re: Help with Changing Menu Background and Search

Post by mcDavid »

1) to move the search you should look for the {search} tag in your template, and move it behind the {menu} tag.

2) that background is a background-image on .artnav .l and .artnav .r

You should really use your webbrowsers development tools (right mousebutton -> inspect element) to find out these kind of things.
rochak
Forum Members
Forum Members
Posts: 16
Joined: Mon Jan 23, 2012 12:00 pm

Re: Help with Changing Menu Background and Search

Post by rochak »

Many thanks for your response.

I could get the menu background changed.

I did try inspect element in Chrome on menu background but what I saw never pointed out to the css elements you mentioned above. To prevent me asking same question question, could you tell me how you found that out? I show you the screenshot I see when I click on inspect element.
Attachments
screenshot.jpg
mcDavid
Power Poster
Power Poster
Posts: 377
Joined: Tue Mar 31, 2009 8:45 pm

Re: Help with Changing Menu Background and Search

Post by mcDavid »

The styles might not always point to the element you think, so check other (parent or child) elements too, if you can't find the rule you are looking for.

In this case its the "l" and "r" elements.
Post Reply

Return to “Layout and Design (CSS & HTML)”