XStore Header Builder HTML Block text css not working as expected

This topic has 2 replies, 2 voices, and was last updated 4 years, 2 months ago ago by Olga Barlow

  • Avatar: themadguru
    Robert
    Participant
    January 17, 2020 at 16:41

    Hello

    I am experimenting with the Header Builder in the ‘Niche Market’ demo. I replaced the .png logo with a text-based logo using the following code:

    <h1 style="font-family: 'Lato', sans-serif; font-weight: 900; font-size: 32px; line-height: 32px; color: white; text-transform: uppercase;"><span style="color: #fff;"><span style="opacity: 0.33;">X</span>FURNO</span></h1>

    I replaced the logo header builder element with an HTML element and placed the above code in HTML 3 block. The CSS included for opacity doesn’t work, and the CSS for font-weight also doesn’t change the font-weight.

    Is there something in XStore’s code that prevents the CSS I mentioned from changing the appearance of text as I want it?

    One other thing, the text logo is not displayed perfectly in the middle of that section. There is a slightly bigger gap underneath the text than above.

    Regards
    Robert

    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 17, 2020 at 17:28

    Hello,

    Seems this is problem of the HTML area of the Kirki Framework that we use for theme options, we’ll contact framework author about this. Meanwhile, you can use either Widget element to display custom widget area with the necessary GTMLoruse Static Block instead of the HTML editor http://prntscr.com/qp5a1d

    Regards

  • Viewing 2 results - 1 through 2 (of 2 total)

The issue related to '‘XStore Header Builder HTML Block text css not working as expected’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.