Docs

[Lorie]

Hi there. I’m having trouble with the formatting on a blog category page. Please see attached.

[Lorie]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! It’s happening because your menu items are long and breaking to new line.

You have the below code :

.x-header-landmark {
  margin: 34px auto 0;
  text-align: center;
}

Let’s update this to :

.x-header-landmark {
  margin: 80px auto 0;
  text-align: center;
}

Hope this helps.

[Lorie]

Hi. I couldn’t find the code to replace but I think it’s better if I just change the logo from inline to stacked. However, when I do this the logo bar turns yellow. I’ve tried using this but it’s not working: .x-topbar { background-color: #900020
; } .x-logobar { background-color: #900020
; } .x-navbar { background-color: #900020; }

Also – once it is all burgundy, how do you get rid of the white line between the logo bar and nav bar?

Thank you so very much!

[Lorie]

One more thing. I can’t get the color of the font in the dropdown menu to change colors. It’s currently white on white. I’ve tried this:

.x-navbar .sub-menu a {
color: #902000;

but with no luck. Thanks for being my hero.

[Lorie]

One more thing while you are looking at my site. I don’t seem to be having much luck with the forum today! Is it possible to change the dimensions of the recent post images (see attached) so they don’t cut off the graphics. My graphics will always be this exact size. Thanks!

[Rupok]

Hi there,

Thanks for writing back. I can see like this – http://prntscr.com/cpsh2x

So your code is working fine and Navbar background was changed. Let’s clear your cache if you can’t see the change.

To change the color of submenu, try this :

.x-navbar .desktop .sub-menu a {
  color: #902000;
}

Cheers!

[Lorie]

Hi & thank you. I’d like the logo to be stacked but when I change it to stacked the top bar is yellow and I can’t figure out why.

I also added the code you suggested but that didn’t seem to change the font color in the drop down.

Thank you very much.

[Darshana]

Hi there,

For the menu, use the following code and change the color value accordingly.

.x-navbar .sub-menu .menu-item a {
    color: #ff0000;
}

To change the yellow color, add following CSS rule and change the color value accordingly.

.x-logobar {
    background-color: #336699;
}

Hope that helps.

[Lorie]

Thank you so very much!

[Thai]

You’re most welcome 🙂

[Author]

Posts