Home Forums WoodMart support forum Not able to add custom css

Not able to add custom css

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #86950

    bilal00717
    Participant

    Hello Sir,
    Greetings.

    I have some issues with the theme please help me to solve the below issues.
    1. I am trying to style a text element in my header top bar. I had given the class name to the text element and also I have given the custom CSS to the CSS window but there are no changes showing.

    2. I have added the revolution slider to my home page by adding the element in page builder but the slider is bigger than the viewport area. I want the slider to be the exact size of the viewable area of the user device.

    3. I want to upload my logo as eps format because my jpeg logo is low on quality.

    Regards
    Bilal

    Attachments:
    You must be logged in to view attached files.
    #86957

    Hello,

    1. Take this class .whb-top-bar .whb-text-element and try to configure the typography in the Theme Settings > Typography > Advanced typography. More details are here: https://xtemos.com/docs/woodmart/advanced-typography-settings/

    2. Here is the documentation on the Slider Revolution https://www.themepunch.com/revslider-doc/main-background/

    3. You can upload logo in png or SVG format. You will have to convert your logo.

    Best Regards

    #87058

    bilal00717
    Participant

    Hello Sir,
    Greetings.

    Thank you for your prompt reply.

    1. I have tried with the class name that you have given to me. Gave this class id to advance typography, header top bar text element. but still, there are no changes happens.
    2. Please check my slider in the website. it has more height than the viewport. I couldn’t solve the issue.

    #87059

    bilal00717
    Participant

    3. SVG logo showing only in Microsoft edge. not showing in chrome.

    Attachments:
    You must be logged in to view attached files.
    #87077

    Hello,

    Please provide your site admin access I will suggest the selector or provide custom CSS for top bar header text.

    As for the slider, navigate to slider settings and change the height https://gyazo.com/4431b3ef59e8972e9ca21da27f902212

    SVG – you need to open your SVG icons file with some editor like Sublime Text or default system text editor and add width=”31″ height=”40″ attributes to your <svg> tag like it is shown: http://prntscr.com/le93o0

    Then you will need to re-upload your icons in WordPress Dashboard.

    Best Regards

    #87248

    bilal00717
    Participant

    Please help me to resolve the issue.

    #87268

    Hello,

    Navigate to the Theme Settings > Typography > Advanced typography and configure the font as per your needs for the custom class: http://prntscr.com/leleok

    Best Regards

    #89282

    bilal00717
    Participant

    Hi, Still I am not able to set my logo in SVG format. as you said I have added the code to the SVG logo with a text editor. but still, chrome is not showing the logo.

    #89319

    Hello,

    Please provide the link for SVG file changed as per instructions above.

    Update your site admin access.

    Best Regards

    #89781

    bilal00717
    Participant

    Dear Sir,
    Greetings.

    As you requested SVG logo is attached.

    Attachments:
    You must be logged in to view attached files.
    #89802

    Hello,

    You have added weight and height correctly, however, your SVG is not workable. Try to convert your workable PNG into SVG here and add https://www.aconvert.com/image/png-to-svg/

    Best Regards

Viewing 11 posts - 1 through 11 (of 11 total)