Home › Forums › WoodMart support forum › Customize Element Style

Customize Element Style

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 10, 2021 at 11:16 am #338479

    atpd23
    Participant

    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

    December 10, 2021 at 10:30 pm #338624

    Elise Noromit
    Member

    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

    December 13, 2021 at 11:38 am #339121

    atpd23
    Participant

    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

    December 14, 2021 at 12:13 am #339282

    Elise Noromit
    Member

    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

    December 22, 2021 at 5:09 pm #341317

    atpd23
    Participant

    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.
    December 22, 2021 at 10:19 pm #341374

    Elise Noromit
    Member

    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

    December 24, 2021 at 7:09 pm #341810

    atpd23
    Participant

    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

    December 26, 2021 at 11:51 pm #341993

    Elise Noromit
    Member

    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

    December 27, 2021 at 9:51 am #342057

    atpd23
    Participant

    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

    December 27, 2021 at 2:41 pm #342142

    Elise Noromit
    Member

    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
Viewing 10 posts - 1 through 10 (of 10 total)