Image Padding?

outbreakerz
5 Posts
outbreakerz posted this 14 February 2018

H,
In Artisteer i could put an Icon (image) left next to the Header text and use Padding to put it where i want it.
But in Themler i can't find any Padding option there is only a Position option. Did i overlook something?

H, In Artisteer i could put an Icon (image) left next to the Header text and use Padding to put it where i want it. But in Themler i can't find any Padding option there is only a Position option. Did i overlook something?
Vote to pay developers attention to this features or issue.
9 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 14 February 2018

Hi,

Image, Logo and Icon controls have padding option right above the Positioning.
You can use either Margin or Padding options. Padding create inner spacing, Margin creates outer spacing.

image-padding.png

Thank you,
Olivia

Hi, Image, Logo and Icon controls have padding option right above the Positioning. You can use either Margin or Padding options. Padding create inner spacing, Margin creates outer spacing. !image-padding.png! Thank you, Olivia
outbreakerz
5 Posts
outbreakerz posted this 14 February 2018

I mean how can i do this in Themler with the Icon (Padding 10px) next to the Block Header text. Because i can't find any options in Themler to do this.

I mean how can i do this in Themler with the Icon (Padding 10px) next to the Block Header text. Because i can't find any options in Themler to do this.
Support Team
Support Team posted this 15 February 2018

Hi,

You add the icon as the block Header >> Background, position it to the left. Then in the Header >> Text options set the Left option for text to some value, that will move the text to the right.

Sincerely,
Hella

Hi, You add the icon as the block Header >> Background, position it to the left. Then in the Header >> Text options set the Left option for text to some value, that will move the text to the right. Sincerely, Hella
outbreakerz
5 Posts
outbreakerz posted this 15 February 2018

Yes, but how can i move the icon 10px to the left in the block Header?

Yes, but how can i move the icon 10px to the left in the block Header?
Support Team
Support Team posted this 15 February 2018

Hi,

Try to set the Header >> Margin.

Sincerely,
Hella

Hi, Try to set the Header >> Margin. Sincerely, Hella
outbreakerz
5 Posts
outbreakerz posted this 15 February 2018

Well this would only work if i add an extra container for the block Header or it would interfere with the block Header Gradient. Artisteer had an option to add an icon to the Header(s) but it looks like Themler doesn't have any option like this.

Well this would only work if i add an extra container for the block Header or it would interfere with the block Header Gradient. Artisteer had an option to add an icon to the Header(s) but it looks like Themler doesn't have any option like this.
Support Team
Support Team posted this 16 February 2018

hi,

In case when you want to use the gradient and also an icon, there is no such option. The only one I can suggest is that you can edit your icon in some graphic editor to add some transparent space on the left side so it will look like the margin.

Sincerely,
Hella

hi, In case when you want to use the gradient and also an icon, there is no such option. The only one I can suggest is that you can edit your icon in some graphic editor to add some transparent space on the left side so it will look like the margin. Sincerely, Hella
outbreakerz
5 Posts
outbreakerz posted this 16 February 2018

I will try to do it with the graphic editor. But are their no plans to add an option like this in Themle like Artisteer has?

I will try to do it with the graphic editor. But are their no plans to add an option like this in Themle like Artisteer has?
Support Team
Support Team posted this 16 February 2018

Hi,

No such plans for now, but I'll add it to our wish list.

Sincerely,
Hella

Hi, No such plans for now, but I'll add it to our wish list. Sincerely, Hella
You must log in or register to leave comments