Make the "OPEN" button bigger

  • Posted in : BookCard
  • al3xy0
    Participant

    Hi guys,

    at first: thanks for that outstanding template! It is so cool, never seen something like that.

    I got probably a simple CSS question: I want to make the “OPEN” button bigger. As I already read in the forum, some user still don’t see the button, thats why I want to enlarge it. I already played with the CSS configurations, but still didn’t figure out how to enlarge it in the directions up and down.

    Could you please help me out?

    Thanks.

    serkan
    Moderator

    Hi al3xy0,
    You can use this css codes;

    Main css: line 445;
    .ribbon strong { padding: 12px 30px 12px 28px; }

    Main css: line 448;
    .ribbon:before { border: 36px solid #d64b4b; }

    al3xy0
    Participant

    Hey serkan,

    thanks for the fast response.

    I did it but unfortunately the button looks like this:

    http://fs5.directupload.net/images/160628/io4ba4sy.jpg

    Thanks for your help.

    Regards,
    Alex

    serkan
    Moderator

    Hi Alex,
    If you provide me your related url then I can check it again?

    al3xy0
    Participant

    Hey Serkan,

    there you go: http://alex.alexanderr.de/

    Regards,
    Alex

    serkan
    Moderator

    Hi Alex,
    You can use this code;
    Main css: line 449
    .ribbon:before { border-right-width: 12px; }
    Thanks

    al3xy0
    Participant

    Hey Serkan,

    nop, sorry.. didn’t fix the problem.

    Any other ideas?

    Regards,
    Alex

    serkan
    Moderator

    Hi Alex,
    What do you mean it didn’t fix the problem. You didn’t change the border width from 24px to 12px. It looks still same. I just tried that css code and it is totally fixing your issue.
    Thanks

    al3xy0
    Participant

    Hi Serkan

    I changed it now again. Please visit http://alex.alexanderr.de/ and you will see that the button is looking weird when you cross it with your cursor.

    Regards,
    Alex

    serkan
    Moderator

    Hi Alex,
    Could you take a screenshot for me and explain how weird it is. I just tested it on chrome, firefox and safari and didn’t see any issue. Border or shadow all of them looks okay. At the first them you told me that, you would like to get bigger button and it is much bigger then before, right ? If you explain to me what is bothering you?
    Thanks

    al3xy0
    Participant

    Hey Serkan,

    i just tried it out on my MacBook and it seems to work. Its totally weird, on my windows desktop PC it doesn’t work or better said it looks broken.
    So you probably can close this topic, it is definitely a pc-related issue.

    Thanks for you time buddy.

    Regards,
    Alex

    serkan
    Moderator

    Hi Alex,
    It is okay. It seems to work on my side that is why, I couldn’t understand what is wrong. Good luck with your project and I am always happy to help all customers.
    Thanks

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register