AccessPress icon spacing problem

  • I’m having a problem controlling the space between the Accesspress social icons on my site. I have created an icon set and used the shortcode to add the icons to my header menu on my homepage. However, the number of pixels I specify in the Accesspress icon set is not being followed. I think there might be something in my theme (Virtue Premium) that is overriding the pixels I am specifying. It looks like the spacing between the icons is the same amount as the spacing between each menu item in the header (rather than what I am specifying – I want them to be much closer together).

    Is there some CSS that I can use to override my theme for the icon spacing?

    I don’t have the icons currently up on my site to reference (I don’t want to leave the bad formatting on my live site). But for reference my website is https://www.brooklyntropicali.com and I am trying to add them in my header menu at the top right side.

    Thanks in advance for your help!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Shane

    (@richardkanes)

    Hi there.

    Thank you for writing in.

    Can you please enable the social icon on header too?
    We could not provide you an appropriate solution unless we could see the problem.

    Thanks.

    Thread Starter susanripley

    (@susanripley)

    Hi,

    I enabled the social icons now on my header. Please see them in the top right corner of my home page at below link:

    https://www.brooklyntropicali.com/

    I would like the icons to be much closer together (just a couple pixels) but when I specify that in the accesspress icon set, it is not making any change.

    Please advise if there is a css I can use, or some other solution.

    Thank you!

    Shane

    (@richardkanes)

    Hi there.

    You do have an option to set the margin from the backend.
    Please check in this screenshot1 and screenshot2.

    Thanks.

    Thread Starter susanripley

    (@susanripley)

    Hi Shane,

    Thanks, but as I mentioned, I did already set those margins to “1” pixel but am still seeing the large amount of space between icons. This is why I thought there might be something in my theme that is overriding the margins I’ve set through the Accesspress plugin. Is there something else I can do to make sure those pixels I’m setting are recognized and displayed correctly?

    Thanks

    Shane

    (@richardkanes)

    Hi there.

    Well, the theme overwrites the plugin’s icon margin as you have used it in the header section.
    By default, the icon is taking the margin same as in the header menus.
    Please try using this code:

    .aps-each-icon a {
    padding: 0px !important;
}

    Change the padding size according to your needs.

    If your theme did not have custom CSS then, download a plugin called “Accesspress Custom CSS”.
    Copy and paste the code in Dashboard > settings > Accesspress custom CSS and save it.

    Thanks.

    Thread Starter susanripley

    (@susanripley)

    That worked great! Thanks so much for your help!

    Shane

    (@richardkanes)

    Hi there.

    Glad that it works.

    If you liked our plugin can you please motivate us by giving our plugin positive rating as well?

    Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘AccessPress icon spacing problem’ is closed to new replies.