Home Forums WoodMart support forum SVG ICON NOT WORKING IN HEADER

SVG ICON NOT WORKING IN HEADER

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #376708

    thenightfox91
    Participant

    Hi there, im trying to add in the header one svg icon ( white and blue color ) but for some reason the theme won’t recognize . Can you please help me to add one icon here ( https://paste.pics/GYXMH ) i have upload the svg icon in media library . Also i need to upload the same icon also in mobile version on top ( https://paste.pics/GYXNG ) i have upload the svg in white color in media library .
    Thank you
    Regards
    Meti

    #376716

    thenightfox91
    Participant

    also please i have send you another print screen in attachment . Can you please help me to make the phone number in bold ( im trying by my self but it doesnt work ) also to help me to add the phone icon in the left side

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

    Luke Nielsen
    Keymaster

    Hello,

    It seems that the file_get_contents function for URLs is disabled on your server. You need to contact your provider and ask to enable this option.

    In order to set “bold” for the number, please navigate to your Header Builder and edit the “Information Box” on mobile view and then wrap your number into the <b>069331400</b> tag.

    https://gyazo.com/70947184d5435cb2682f93d9c8a4205d

    Best Regards

    #376826

    thenightfox91
    Participant

    Hi Luke, thank you for u’r respond. Can you please help me out how to change the space between this two text : https://paste.pics/H01TN also im mobile version i want to make this fonts smaller how to make it look at the screenshoot ( https://paste.pics/H01UE )
    Thank you

    #377047

    thenightfox91
    Participant

    Hi there, also i have fixed the issue with the svg now is working but in mobile version when i upload the svg icon in white color it doesn’t appear in white only in blue can you please check this for me also 🙁

    #377106

    Luke Nielsen
    Keymaster

    Hello,

    1. The below code is for changing the indentation in the infobox. Enter it to the “Custom CSS for desktop” area that is in Theme Settings -> Custom CSS.

    .whb-header .wd-info-box .info-box-title {
        margin-bottom: 0;
    }

    2. In order to decrease the “time” field on your mobile, you need to wrap it in the <small>(8:00-15:00h)</small> tag, then it will be less than the phone number.

    3. The issue in the SVG image itself, or rather 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/m4n0qw Then you will need to re-upload your icons in WordPress Dashboard.

    If you have any additional questions, please let us know.

    Kind Regards

    • This reply was modified 2 years, 7 months ago by Luke Nielsen.
    • This reply was modified 2 years, 7 months ago by Luke Nielsen.
    • This reply was modified 2 years, 7 months ago by Luke Nielsen.
    • This reply was modified 2 years, 7 months ago by Luke Nielsen.
Viewing 6 posts - 1 through 6 (of 6 total)