Icon as background image on "how it works" shortcode

gattro · October 2015

Hi, how can I insert an icon as a background image on "how it works" shortcode? I can't find path of theme's icons...

thanks!

Elena

Albert · October 2015

Hi,

what exactly you don't see? It's Background Image field as you can see on http://pasteboard.co/1IgsXvhk.png

gattro · October 2015

I would insert this shortcode in an article:

[how_it_works image="" number="" title="" border="1" link="" target="" animate=""]Insert your content here[/how_it_works]

and as image="" I would insert your "icon-docs" (from the icons list here: http://themes.muffingroup.com/betheme/shortcodes/typography/), but there is no files of this, so I can't find the path.

I don't konw if it's clear, sorry for my english.

Albert · October 2015

You are doing it wrong. You should use a path for image for this attribute. You can not use icon here. Image means that this must be image, not icon.

gattro · October 2015

Ok thanks, so it's no possible insert an icon as a background image in this shortcode.

Albert · October 2015

Yes, exactly. Only images can be used.

gattro · October 2015

I have another question. :-)

I'm trying to insert an image but it shows at the bottom and not in the middle of the circle, how can I do ?

I tried a 128px and 96px image.

Thanks again !

Albert · October 2015

Please send us url to page where you used this items and we'll have a look on it.

gattro · October 2015

I can't. I haven't a test url, how can I send you a screenshot here ?

Albert · October 2015

Screenshot won't help us at all. URL is necessary. Let us know when site will be online then.

gattro · October 2015

I can't give you an URL cause I can't leave online a wrong image.

Here is the shortcode:

[how_it_works image="http://www.italianipocket.com/wp-content/uploads/2015/10/bilancia96.png" number="1" title="test" border="1" link="" target="" animate=""]Insert your content here[/how_it_works]

If you can't help me I'll try to ask to someone else no problem.

Thanks

Elena

Albert · October 2015

Your shortcode looks perfect and because we do not see anything wrong here, we don't know why image is not in the middle of the circle. This is just incomprehensible for us and that's why url is so necessary. We completely do not see anything wrong in your shortcode.

gattro · October 2015

It's weird right? :-?

I can't show you the URL cause post is on "draft", I'll publish on monday.

Thanks anyway...

Albert · October 2015

Yes, it's definitely weird.

gattro · November 2015

Hi ! Post is online and I recreate the error but I can't leave it online for longtime so... thanks for your help !

This is the URL: http://www.italianipocket.com/il-pacs/

gattro · November 2015

Hi, sorry if I write again but I can't leave the error longer online, anybody can help me ?

Thanks again

Albert · November 2015

Ok, we got it. To place this icon in the middle, please use below css:

.with_aside .how_it_works .image { padding: 0 !important; }

gattro · November 2015

Thanks a lot! Now it's working !

have a nice day!

Albert · November 2015

You're welcome

Icon as background image on "how it works" shortcode

Comments