Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 2, 2018 at 2:48 am #1039758
    Animationink

    Hi Team,

    I need a hand with my css adding a space between the PDF icon and the URL seen in the image. I can’t make it work for some reason :(

    View post on imgur.com

    /* ———-PDF Icon———- */

    a[href$=”.pdf”]:before {
    /* PDF file */
    width:16px;
    height:16px;
    background:url(‘https://cdn1.iconfinder.com/data/icons/silk2/page_white_acrobat.png’);
    display:inline-block;
    content:’ ‘;
    }

    December 2, 2018 at 9:04 am #1039837
    Vinay

    Hey Animationink,

    Thank you for contacting us.

    Try adding the margin property. Your code should look similar to:

    a[href$=”.pdf”]:before {
/* PDF file */
margin-right: 20px;
width:16px;
height:16px;
background:url(‘https://cdn1.iconfinder.com/data/icons/silk2/page_white_acrobat.png’);
display:inline-block;
content:’ ‘;
}

    If you still have an issue, please provide a precise link to the page, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    December 2, 2018 at 9:27 am #1039841
    Animationink

    Hi Vinay,

    It worked a treat!!! Thank you for your help

    December 2, 2018 at 11:08 am #1039884
    Rikard

    Hi,

    Great, glad we could help :-)

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

    Best regards,
    Rikard

    December 3, 2018 at 11:31 am #1040221
    Animationink

    Hi Team.

    Sorry to open this again… but how do I removed it the icon for an individual pdf link?

    Cheers

    Carl

    December 4, 2018 at 7:17 pm #1040856
    Nikko

    Hi Carl,

    Can you give us a link? also point us to the individual pdf link you want your icon removed.

    Best regards,
    Nikko

    January 20, 2019 at 7:20 am #1056050
    Animationink
    This reply has been marked as private.
    January 20, 2019 at 8:26 pm #1056288
    Victoria

    Hi Animationink,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    February 2, 2019 at 8:05 am #1061892
    Animationink

    Hi Victoria, See below credentials.

    • This reply was modified 5 years, 10 months ago by Victoria.
    February 3, 2019 at 6:00 pm #1062313
    Victoria

    Hi Animationink,

    I added the class to your links on that page and added css in the Quick css. The code should work, but you need to upgrade php firts, looks like the styles are not pciked up from Quick css and not added to the porper file.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.