Rogue padding on Links Button

General Help
1

Hi Evolve Community!

I have a padding related question:

I am using a Links component to a create a button which takes you to the next page. however it has a mystery 10 px of padding which is pushing it off the edege of the content. I’ve attached a screenshot to show the issue using the inspector tool. Red lines showing the spacing.

button-margin-02
button-margin-021249×765 40.2 KB

I can’t work out where the padding is coming from as all the left padding on buttons has been removed. From the webinspector it looks like it is padding on a container which holds the button but i can’t work out where this can be adjusted!

Apologies if this is very obvious.

Any help would be much appreciated.

Thanks.

Nath

2

Hello and Welcome Nath!

Have you checked in the theme setting for margin in Buttons in general?

image
image1092×625 61.8 KB

if not, do you have an article style applied to the article the button is in?

3

Hi hmaffin,

Thanks for your reply, yes I thought that would be where to change it however I’ve set the margin to 0 on the left and the component has no padding either. Puzzled!

Screenshot 2021-08-27 at 14.01.39
Screenshot 2021-08-27 at 14.01.391598×1216 61.2 KB

4

Hey nath!

Do you want to send me by private message the link to your course in the editor and I can take a look?

It is sometimes hard to diagnose without seeing it in context :slight_smile:

5

Hi Helen,

Yes that would be great, though i’m not sure how i go about that? I’ve clicked on your avatar, but cant see the mail icon?

6

Weird - I see a message button when I click on yours.

Not to worry - email me on hbailey@intellum.com

1 Like
7

Thanks I’ve emailed you :smiley:

8

Incase anyone else is looking for a solution Hmaffin mentioned a this is a standard setting when Evolve puts items in a grid layout.

A work around is to go to the Button settings, to Layout and then set the left margin to -10, which for me has fixed this :slight_smile:

Thanks!

2 Likes
9

Just to add that this may be a reaction to when you use a component that has a grid based layout, and we’re going to take a look into whether this can be solved within the tool itself so a fix isn’t necessary.

Thanks nath!

1 Like