Home › Forums › WoodMart support forum › SVG ICON NOT WORKING IN HEADER
SVG ICON NOT WORKING IN HEADER
- This topic has 5 replies, 2 voices, and was last updated 2 years, 7 months ago by Luke Nielsen.
-
AuthorPosts
-
May 18, 2022 at 10:57 am #376708
thenightfox91ParticipantHi 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
MetiMay 18, 2022 at 11:14 am #376716
thenightfox91Participantalso 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.May 18, 2022 at 2:46 pm #376807
Luke NielsenKeymasterHello,
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
May 18, 2022 at 3:07 pm #376826
thenightfox91ParticipantHi 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 youMay 19, 2022 at 9:25 am #377047
thenightfox91ParticipantHi 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 🙁
May 19, 2022 at 11:35 am #377106
Luke NielsenKeymasterHello,
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.
-
AuthorPosts
Tagged: SVG not working in header
- You must be logged in to create new topics. Login / Register