Home › Forums › WoodMart support forum › Is it possible to change the line height in the theme setttings for the heading

Is it possible to change the line height in the theme setttings for the heading

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 1, 2022 at 5:05 pm #425448

    supp0rt
    Participant

    Hello,

    Can you tell me where I can set globally the line height for the headings? I was looking in the theme settings, under Typography > Basic >Title font, but could not find anything.

    Best Regards

    • This topic was modified 3 years ago by supp0rt.
    December 2, 2022 at 2:03 pm #425700

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You can go to Dashboard > Theme Settings > Typography > Advanced > there you can define Custom Selectors > so you can select there Custom Selector > then define all the heading tags > and select the Line Height or other Font related settings: https://i.snipboard.io/Rlpw2U.jpg

    Best Regards

    December 4, 2022 at 12:35 pm #426080

    supp0rt
    Participant

    Thank you for the information. I would suggest that this option could be set in the basic typography, except the fact that you want to keep it simple and avoid any conflicts with different font sizes, etc.

    Also, I would like to ask something about the colors of the buttons.

    I have set it in the Theme settings > Styles and colors > Buttons, some default button colors. But if I add an element button on any page, these settings do not apply. Also, I can not find any default settings regarding the color.

    Let me know your thoughts about that.

    Best Regards

    December 5, 2022 at 12:42 pm #426247

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    For the Button element of the Theme, you can define its options related to styling on the Button edit area under the Page Builder editor like it is shown in the following Image: https://snipboard.io/mqHBK2.jpg

    Best Regards

    December 5, 2022 at 1:13 pm #426258

    supp0rt
    Participant

    Thank you for the information. That’s what I currently do.

    What is the purpose of the idle and hover color state that is inside Theme settings > Styles and colors > Buttons?
    (Referring to these settings: https://snipboard.io/2mtbMS.jpg)

    Best Regards

    December 5, 2022 at 4:23 pm #426350

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    These Color options are for the Default Buttons on the Site not the Shop ones.

    Best Regards

    December 5, 2022 at 5:00 pm #426367

    supp0rt
    Participant

    Sorry, but I am a bit confused.

    I do not want to change the shop buttons. I use wp-bakery as a page builder and I use the button element provided by the theme. The snip above is from the Default buttons section that is inside the Styles and colors tab.

    Is this something else?

    December 6, 2022 at 4:06 pm #426704

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    By default, WordPress theme and WooCommerce didn’t have settings for button colors. In our theme, we implement these settings and split all array of WooCommerce, supported plugins and theme options buttons in three categories to be able to customize them separately:

    SHOP BUTTONS. Buttons that are directly related to the WooCommerce purchase functionality. For example:
    Add to cart (https://prnt.sc/1mstug0)
    Proceed to checkout (https://prnt.sc/1msv4gk)
    Return to shop (https://prnt.sc/1mswl7f)

    ACCENT BUTTONS. Other “Call to action” buttons that are not related to WooCommerce shop functionality. For example:
    Sign up (https://prnt.sc/1msxyp0)
    Post comment (https://prnt.sc/1mszh16)
    Accept (Cookies) (https://prnt.sc/1mt08xk)

    DEFAULT BUTTONS. All others, WooCommerce, supported plugins and theme options buttons that are not included in the two upper categories, and those buttons that do not have their own button settings. For example:
    Filter (https://prnt.sc/1mt34qf)
    View cart (https://prnt.sc/1mt3r1j)
    Login (https://prnt.sc/1mt418f)
    Update (https://prnt.sc/1mt4lsk)

    All theme settings button options are related to the buttons that didn’t have own style and color settings and not related to the page builder “Button” element that have own style, color, size, shape, icon and hover options (Button element demo page https://woodmart.xtemos.com/buttons/). Element button color “Default” option, which means Light Gray, is only one of the five predefined colors alongside with Black, Primary, Alternative and White (https://prnt.sc/1mtbgsu).

    Button element color option is not related to the theme settings buttons styles options and need to be changed separately. If you want to change button element styles like you set in theme settings, you need to use a custom color option. If you want to change all “Default” color button elements to the values specified in theme settings, try to add the following code snippet to the Custom CSS area in Theme Settings:

    .website-wrapper .btn.btn-style-default.btn-color-default {
    color: var(--btn-default-color);
    box-shadow: var(--btn-default-box-shadow);
    background-color: var(--btn-default-bgcolor);
}

.website-wrapper .btn.btn-style-default.btn-color-default:hover {
		color: var(--btn-default-color-hover);
    box-shadow: var(--btn-default-box-shadow-hover);
    background-color: var(--btn-default-bgcolor-hover);
}

    Kind Regards

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)