Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 12, 2017 at 6:16 am #792072
    805ITS

    Hello,

    I have arrows next to each of my product pages. When I hover on them with the mouse I can see a mini description of the product. I want to remove this but can’t find how.

    I attached a screenshot in the private content section. Does any one know the Quick CSS code to remove this ?

    Thank you so much in advance for your help

    May 12, 2017 at 7:22 am #792101
    Nikko

    Hey Oby4455,

    Can you give a link to the page in the screenshot? so we can take a closer look.

    Best regards,
    Nikko

    May 12, 2017 at 7:25 am #792104
    805ITS

    Yes here it is :

    May 12, 2017 at 7:44 am #792115
    Nikko

    Hi,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .avia-post-nav .entry-info {
    width: 80px;
}

#top .avia-post-nav .entry-title {
    display: none;
}

    Let us know if this helps :)

    Best regards,
    Nikko

    May 12, 2017 at 7:54 am #792123
    805ITS

    Thank you! The product description is removed but the arrows are still on the page with the product image as well.

    May 12, 2017 at 8:30 am #792146
    Nikko

    Hi,

    You’re welcome :) this should remove those arrows:

    #top .avia-post-nav {
    display: none;
}

    Best regards,
    Nikko

    May 12, 2017 at 7:03 pm #792457
    805ITS

    Thank you it worked!

    May 13, 2017 at 6:11 am #792631
    Rikard

    Hi,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    May 13, 2017 at 7:39 am #792665
    805ITS

    Yes you can close the topic now! Thank you again :)

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Remove arrow side on product page’ is closed to new replies.