Customize Element Style

Hello,

I would like to ask you for your help how to customize some elements:

1) How to change header’s main menu font color? Is it possible to do it without code? I can’t see that option in Theme Settings -> Typography. Image: https://i.imgur.com/IsUnAYj.jpg.

2) Where can I download SVG icons similar to ones you used in the theme? I would need to use extra ones so as to keep the same icon style. Image: https://i.imgur.com/cRGLayR.jpg.

3) If I set content text color, this color isn’t changing to the lighter one on hover in a information box. Image: https://i.imgur.com/o2lyu2r.jpg.

4) How to keep background image and information boxes in the boxed width? Both are set in Layout -> Content Width to Boxed. Image: https://i.imgur.com/78Lsoal.jpg.

5) I would like to change blog posts into event announcements – image: https://i.imgur.com/LHzhB5w.jpg I have added this code:

.article-inner { display: flex; }
.entry-header .wd-post-date.wd-style-with-bg { 
	box-shadow: none; 
	background: orange; 
}
.entry-header .article-body-container {
	box-shadow: none;
	text-align: left;
	padding: 0 25px;
}

…which works in part. This section .entry-header .article-body-container doesn’t affect the element at all.

Best Regards

Hello,

1. You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

2. This icon can be uploaded by the Infobox widget:
https://xtemos.com/docs/woodmart/shortcodes-2/

3. The Elementor has the option in the setting to use the fonts from the theme or from Elemeentor. We recommend using theme fonts, adding the classes to the widgets, and using Advanced typography.

4. Most likely the section containing this image is set to be full-width.

Best Regards

Hello,

Thank you for the help.

1) Solved

2) Not where to upload them, but from which website download them (where was originally downloaded for Woodmart demos)? They are SVG images and I would like to download more of them to keep similar style

3) Followed your suggestion, went to Elementor > Settings and checked boxes next to Disable Default Colors and Disable Default Fonts. But no result, still hover content text is black (not light, as I would need to).

4) Solved

5) Not answered at all

Best Regards

Hello,

2. You can try this free source: https://freesvg.org/

3. Please insert the credentials into the Private content below the message area, give me the page URL and block you are editing.

5. The HTML structure does not allow you to do exactly as you show on the screen, unfortunately.

If you have any questions please feel free to contact us.

Best Regards

Hello,

3) I am sending the credentials in the Private content.

Also I would like to ask you, is it possible to horizontally center footer columns content in Theme Settings (not by CSS code)?

If I want to change font weight for Open Sans font, only values 400 – 700 are working (attached image), but on the google fonts page that font has more weight values (300 – 800). Why can’t I use the same google font weight range also by WoodMart?

Best Regards

Attachments:

You must be logged in to view attached files.

Hello,

Please check these screens: https://gyazo.com/b8c572e8f946f88ac9279c372dc4126a and https://gyazo.com/06b10e1657ed1d372d5b3eced7f0d15b

Please change the font to 300 I will check again if there are any problems.

Best Regards

Hello,

Thank you, I have forgotten, I have to change font size in Theme Settings and not in Elementor.

Also you have sent me how to change navigation font color. That wasn’t the original issue, please see what the issue is about:
If I set content text color, this color isn’t changing to the lighter one on hover in a information box. Image: https://i.imgur.com/o2lyu2r.jpg.

Best Regards

Hello,

Your screen shows the default text widget.

Elementor Pro provides the option to set the different colors on hover in the widget settings. This widget does not have this option and you will need to change the hover color with the custom CSS, if you need help, please give me the screen of what block you mean I will provide custom CSS for you.

Best Regards

Hello,

There is a problem, if I set in the Elementor for a information box title or subtitle font color to black, on hover it’s white. But if I change content font color to black too, it still remains black on hover (but I would expected to be white).

In this link you can see what I mean: https://i.imgur.com/o2lyu2r.jpg (scroll down the image)

Best Regards

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.wd-info-box.box-style-bg-hover .info-box-inner {
	transition: all .25s ease;
}

.wd-info-box.box-style-bg-hover:hover .info-box-inner {
	color: #FFF !important;
}

Please replace the color as per your needs.

Best Regards

[Author]

Posts