Top menu

[Prisca]

Hello

Best way to push the menu below the logo and add a nice bg to it? I can do the background in the css but did not work too well.

Also add border to gallery images and all images on site but not on logo and icons?

Thank you so much 🙂

[Sushil Adhikari]

Hi Prisca…first, if this is related to a specific theme, please post it in the appropriate forum category; so with that in mind, what theme is this for?

Now the bad news is that your questions relate to performing “customization” which support does not cover, but what I would suggest is setup a development site with the theme, and start modifying the code to achieve the results you want. I can tell you that moving a menu container to be below a logo will require you to have coding skills because you will need to move html, php code, and also modify css. Changing and or adding styling to images will also require you to have some html and css basics of understanding as well. Your other option would be to find someone who might be able to make these kind of changes.

[Prisca]

Hello and thank you for your fast reply

It’s for all themes since all themes have the same type of menu.

I can play with the css and lower the menu but what I was not able to do (do well anyway) is add a bg to the menu links.

But that’s ok – I will figure it out.

Thank you 🙂

[Sushil Adhikari]

No worries… I really and truly wish I can help everyone who wants to do custom changes with themes, but anything “custom” someone wants to do falls out of support. The closest I could do is point out where code is located in files or what files to look into and then let the person have fun with code.

Regarding adding a background to menu links, what I can do is provide you with the container you can do that to if it’s the full container that you want to add it to.

[Prisca]

That would be great if you could tell me which classes or ID I have to go to edit the menu to put a bg on links (top menu to li – not the dropdown) and mainly – which class I should find to add a border to ALL images but the logo and icons. That’s important for me. I like borders around images. I added a border to the gallery class and it put a border around the div – not around the image itself.

So if you could just give me the exact class or id where I should add the border that would be great.

Thank you so much 🙂

[Sushil Adhikari]

I can do that… but what theme is this for? Even though menus appear the same, there are some differences between them.

[Prisca]

Let’s start with Encounters. I also started to work the 2 others but if we need to start on one, that would be encounters.

Thank you 🙂

[Sushil Adhikari]

The container the menu is in is a

tag that has an id=”site-navigation” and class=”main-navigation” added to it. So you can probably add your background to the id of site-navigation. Now the thing is, you might have to be creative here because in mobile view, your background will show behind the mobile drop down menu too on this container.

Incidentally, the container for the menu is in the header.php file. Styling for the menu begins in the style.css file around line 1949 and starts with:

/* Navigation Menu */

[Prisca]

You are right – that’s what really made me love your themes is teh great responsiveness. Very impressive so Id on’t want to break that. WIll test.

Now please border around images and gallery images. Important for me.

And then I let you go 🙂

[Sushil Adhikari]

Sorry..forgot the images. This will depend on where and what as images in the theme will depend on how they are being added. But to give you a direction, in the style.css is this batch of empty classes, ready for styling around line 1424:

/* 28 Images
-------------------------------------------------------------- */
img.attachment-post-thumbnail,
img.wp-post-image,
img.attachment-thumbnail,
img.attachment-medium,
img.attachment-large,
img.attachment-full {}

You can separate those if you want to target specific ones or all. You can even create your own class and when you insert images into a page or post, add your class to the tag.

Here is more about images:

http://codex.wordpress.org/Styling_Images_in_Posts_and_Pages

[Prisca]

Prefect! Thank you so much 🙂

[Author]

Posts