Category Archive font color

Hi,

I’m using Ethos, my URL is omiradouro.com.br.

  1. I changed my background to white, so my category archive names don’t appear on the archive page. How do I change the font color to black, and also change the font size?

  2. I changed my navbar background color to white, with some level of transparency, so when the mega menu drops dow you can see the post slider picture on the back ground. However, the name of the subcategories appear over a white background, and not transparent like the main categories. How do I change it so the subcategories have the same level of transparency as the main category names?

  3. Since I changed the background to white, the line over the categories in the mega menu also don’t appear. How do I change the color of the line to black or dark grey?

Thanks

Hello,

Thank you for writing in!

Follow the answers to your questions:

1. To change your archive title, you can adding following CSS under the code below to X > Launch > Options > CSS

.h-landmark span {
  color: #000; 
}

You can change the #000 by your color.

2. You can fix it adding a custom CSS code too:

.sub-menu {
  background: transparent;
}

3. Can you provide to us some screenshot about this line?

Thanks, number 1. worked great!!

However css for number 2. didn’t have any effect. Is there an alternative css?

As for number 3 here is the screenshot of my menu:

As you can see, there are no lines above my main categories (Brasil, Espanha, …), because I changed my navbar background to white. I wanted to change the color so they can appear again (as in the screenshot from the ethos demo, above Blues, Country ,Dance, …),

Hello There,

Please add following CSS to change submenu background color:

.desktop .x-nav .x-megamenu>.sub-menu>li>.sub-menu {background-color: transparent;}

Next, add following CSS to change color of menu separator:

.desktop .x-nav .x-megamenu>.sub-menu>li>a {border-top: 2px solid #000;}

Thanks.

Worked Great!! Thanks guys!

Another thing, I have been adding now a lot of custom css. I was wondering what’s the easiest way to back it up, so I don’t have problems in the future. I Already have the child theme installed, but don’t now quite how to work with it inside the WP admin page.

Hello There,

Thanks for updating in! Glad that it works out well for your site. Having a child theme is good if you have customized functions that override the parent theme. It could be a template change or function override which override the default function of the X theme. With CSS, you may insert your custom css in the child theme’s style.css file. In case you do so, some of your css might no longer work because the css in your child theme has been overridden with the customizer’s custom css. It is best to know that this is the order of the css being applied to the site.

  • Stack styles
  • Child theme’s style.css
  • Customizer’s Custom CSS
  • Cornerstone’s Custom CSS

Please note that all the css saved in the customizer’s custom css and Cornerstone’s custom css were being saved in the database along with your post and page contents. If you want to back it up, it is best that you make use of 3rd party plugin to easily manage it.

Hope this helps.

Thanks, that does help. I already have a plugin, so I guess I’m all set.
I needed another help with my customisation. On my footer text, I can’t get extra space between sentences and it looks weird. See screenshot below:

The spaces I put in the text box don’t appear on the footer.

  1. Is there a way around that?
  2. Is there a way to put a hyperlink on that image that I inserted in the footer text?

Thanks again

Hi there,

To have space please add   after the first sentence. You can add more than one to have more space.

For the second request please kindly add the code below to X > Launch > Options > JS:

jQuery('.x-colophon-content .x-img').wrapAll('<a href="LINK URL" />');

Replace LINK URL with the URL which you want the image link to.

Thank you.

Thanks, again!! Everything works!

Glad we could help.

Cheers!