[Karen Tolido]

Is there any way to reduce the thickness off the gutter between the featured links? I would like to make these a little smaller if posssible.

[vako]

Hi Karen,

 

At first, thank you for choosing our theme and service.

Can you please describe the issue you have in more detail? Please share a direct link to the page where the issue appears and for more clarifications, please share screenshots of the issue.

 

Kind Regards

[Karen Tolido]

There is no issue. We just want the gutter between the featured links smaller. Is there a way to do that?

[vako]

Hi Karen,

 

It’s only possible with the custom CSS. Please navigate to Dashboard > Appearance > Customize > Additional CSS section add the following snippet:

.featured-link {

margin-right: 10px !important;

}

Change only the number value in this snippet per your needs.

 

Kind Regards

[Karen Tolido]

Thanks! That works. I had to do the same for top, bottom and left.

The problem is that the featured links are not aligned anymore with the featured slider.  Is there an option to align the featured links to the center? Then the marges on the left and right would be the same.

Thanks!

[vako]

Hi Karen,

 

Please share your website URL and we will check for possible solutions.

 

Kind Regards

[Karen Tolido]

Hi Vako,

The URL is http://www.wellwishing.nl and the problem is seen on the homepage.

Thanks in advance!

 

[vako]

Hi Karen,

 

Please navigate to Dashboard > Appearance > Customize > Additional CSS section add the following snippet:

#featured-links .featured-link {

width: calc( (100% – 3px) / 3 – 1px) !important;

}

 

Kind Regards

[Karen Tolido]

Hi Vako,

Unfortunately this snippet is doing nothing. Any suggestions??

Thanks!

[Karen Tolido]

Hi Vako,

So i did this and that seems to work. I am new at CSS so if there are any suggestions making it better please let me know!

.featured-link {

margin-bottom: 1px !important;
margin-right: 1px !important;
margin-top: 1px !important;
margin-left: 1px !important;
width: calc(100% / 3 – 3px) !important;

}

[vako]

Hi Karen,

 

Weird, we tested the snippet before sharing it with you and everything worked on our end, maybe you have some other CSS snippets and they have some conflicts or just make changes.

But, if the snippet you shared works for you well, there is nothing to worry about, in case you want to check it anyway,  we need to check your website from the back end, please install this 3rd party plugin “Temporary Login Without Password Plugin” which allows us to access your dashboard without sharing access details.

To better understand how the plugin works, please watch the video guide below: https://www.youtube.com/watch?v=EMu0e78OpJo

Please make sure to mark your reply as private to hide it from the public.

 

Kind Regards

[Author]

Posts