Docs

[isearchlocal]

Hi, i would like to add an image as an icon in the site, so it can be used for buttons etc.

site: flightcompensationdirect.com

[Paul R]

Hi,

To achieve that, you need to add a unique class to your button element.

http://screencast.com/t/7bpH97NvG

Then target it to add your image.

eg. Add this in Custom > Edit Global CSS in the customizer

.x-btn.my-button .x-icon:before {
   content:url(image.jpg) !important;
}

Change image.jpg with the url of your image.

Hope that helps

[isearchlocal]

Thats great, i will try that:

one other question. any idea how i can move the menu over to the right some more on mobile view.
using superfly.

[Thai]

Hi There,

Please add the following CSS:

.sfm-pos-right .sfm-label-none .sfm-navicon-button {
    right: 15px !important;
}
.sfm-navicon-button:after {
    right: auto;
}

Hope it helps 🙂

[isearchlocal]

thats fantastic! the second fix worked great, however the image in the button didnt work.
any other ideas?

thank you

[Paul R]

Hi,

Upon checking, I didn’t see the class and the css code getting added in your site.

Kindly add the code back again then leave it there so we can check why it is not working.

Thanks

[isearchlocal]

done

[Joao]

Great to hear it,

Joao

[isearchlocal]

?

you asked me to put the code back on, i have… its still not working though

[Joao]

HI There,

Sorry for the confusion

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[isearchlocal]

This reply has been marked as private.

[Rupok]

Hi there,

I have checked and you didn’t add the class my-button rather added it as ID. You need to place this within Class field. Also you need to upload a resized image since it might came up as very big.

Cheers!

[Author]

Posts