Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #205783

    Dear Kriesi!

    1. How can I increase the button on my page?
    http://www.onfejlesztoter.hu/otlet-ado-vevo/
    I’d like to make button and letter size, then the notificiation size:
    https://drive.google.com/file/d/0B19WV53D7jS5SXNIdmJqUXA2Z3c/edit?usp=sharing

    2. Can I adjust a llnk of button, then the link wheel the page to the comments area on the same page?

    3. How can I change color of comment area for white?
    https://drive.google.com/file/d/0B19WV53D7jS5MmFnc1YtWVVuVFE/edit?usp=sharing

    Thank you for your help!

    Regards:
    Robi

    #205832

    Hey caroberto6!

    Please add following code to Quick CSS in Enfold theme options under Styling tab
    1-

    .avia-button.avia-size-large {
    padding: 25px 137px 25px;
    font-size: 30px;
    min-width: 127px;
    }
    body div .avia-button {
    border-radius: 0; }

    2- You can link the button to “http://www.onfejlesztoter.hu/otlet-ado-vevo/#av_section_1” and that should work
    3-

    #av_section_1 { background-color: white!important; }

    or you can simply edit color section element and change its color from settings

    Regards,
    Yigit

    #205870

    Hi Yigit!

    Thank you for your answer!

    Rather the first solution can I put a link behind the notification area, because the increased button behaves poorly, if I modify the size of browser window.

    Thank you.

    Regards,
    Robi

    #205880

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (min-width: 1140px) and (max-width: 1340px) {
    .avia-button.avia-size-large { padding: 25px 111px 25px; }}
    @media only screen and (min-width: 990px) and (max-width: 1139px) {
    .avia-button.avia-size-large { padding: 25px 93px 25px; }}
    @media only screen and (min-width: 768px) and (max-width: 989px) {
    .avia-button.avia-size-large { padding: 25px 60px 25px; }}
    @media only screen and (min-width: 481px) and (max-width: 767px) {
    .avia-button.avia-size-large { padding: 25px 174px 25px; }}
    @media only screen and (max-width: 480px) {
    .avia-button.avia-size-large { padding: 25px 94px 25px; }}

    That should fix it

    Best regards,
    Yigit

    #205902

    Hi!

    Thank you, It works. I did the other two box, but the text visualization poorly. In the blue button the text appaers two lines rather one, and in the green button the text isn’t center.

    Could you help me?

    Thanks.

    Regards:
    Robi

    #205904

    Hi!

    I thought you were trying to make only the first button so custom CSS code is focused on that one. Do you mind creating a temporary admin login and post it here privately so i can take a look?

    Regards,
    Yigit

    #206285
    This reply has been marked as private.
    #206317

    Hi!

    Changes are done. Please review your website. You can find custom CSS code i added in Quick CSS in Enfold theme options under Styling tab

    Regards,
    Yigit

    #206328

    Hi Yigit!

    Awesome it works!!! Thank you very much for your help!! :)

    Regards,
    Robi

    #206330

    Hi!

    You are welcome Robi, glad we could help :) Let us know if you have any other questions or issues

    Cheers!
    Yigit

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Button size’ is closed to new replies.