Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • January 29, 2018 at 3:57 am #903990
    dmac

    Hello, I love the theme, absolutely amazing. Thank you in advance for your help.

    I am unable to get the two buttons centered, inline. The buttons are in a color container on multiple pages. I would like to display them similar to the full-image slider header. Body buttons

    On mobile, I can’t get the two buttons inline, one next to each other. web buttons screenshot

    January 29, 2018 at 5:38 am #904027
    Nikko

    Hey Danny,

    I couldn’t see the image you posted, can you try posting in https://imgur.com/ and post the link here?

    Best regards,
    Nikko

    January 29, 2018 at 5:42 am #904034
    dmac

    Both images posted here: buttons

    View post on imgur.com

    January 29, 2018 at 7:32 am #904100
    Victoria

    Hi dmac,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 768px) {
  .avia-builder-el-17 .avia-button.avia-icon_select-no.avia-size-x-large {
    float: right;
    margin-right: 20px;
  }

  .avia-builder-el-18 .avia-button.avia-icon_select-no.avia-size-x-large {
    float: left;
     margin-left: 20px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 29, 2018 at 8:56 am #904128
    dmac

    Hey Victoria, thank you for your help. The Quick CSS code too care of the two button in the body, the two buttons in the full image header (on mobile) are still misaligned slightly. Ideally, I would like them side by side or center aligned.

    • This reply was modified 6 years, 7 months ago by dmac.
    January 30, 2018 at 10:48 am #904699
    Nikko

    Hi,

    I have checked your site, and it’s returning a 404 page (screenshot in private content).

    Best regards,
    Nikko

    January 30, 2018 at 6:47 pm #905056
    dmac
    This reply has been marked as private.
    January 31, 2018 at 5:19 am #905347
    Nikko

    Hi,

    Thanks for providing the login access, I have added this css code:

    #top .avia-multi-slideshow-button.avia-slideshow-button {
    margin-right: 0;
}

    inside this media query in Quick CSS:

    @media only screen and (max-width: 767px) {

    Let us know if it’s good :)

    Best regards,
    Nikko

    January 31, 2018 at 5:20 am #905348
    dmac

    Looks good, thank you Nikko.

    January 31, 2018 at 5:26 am #905351
    Nikko

    Hi,

    Glad we could help! :) Let us know if you need further assistance or if we can close the thread.

    Best regards,
    Nikko

    February 9, 2018 at 7:47 am #910146
    dmac

    Hi Victoria,

    I think I may have some conflicting code, the buttons in the body are misaligned. My goal is to have them inline as displayed in the slider area next to each other. Thank you for all your help.

    buttons

    February 10, 2018 at 4:44 am #910453
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    .home #av_section_1 .avia-builder-el-12 .avia-button-wrap {
  float:right;
}

.home #av_section_1 .avia-builder-el-14 .avia-button-wrap {
  float:left;
  margin-left:10px;
}

    Best regards,
    Rikard

    February 10, 2018 at 4:52 am #910455
    dmac

    Hi,

    Can you take another look please:
    I think I may have some conflicting code, the buttons in the body are misaligned. My goal is to have them inline as displayed in the slider area next to each other. Thank you for all your help.

    buttons

    February 10, 2018 at 5:06 am #910459
    dmac

    That fixed it, thank you

    February 10, 2018 at 3:36 pm #910531
    Nikko

    Hi,

    Glad that Rikard helped you :) Let us know if you need further assistance or if we can close this thread.

    Best regards,
    Nikko

    February 17, 2018 at 4:11 am #913465
    dmac

    Hi team,

    Can you take another look. I updated the website and the same two buttons are misaligned. The buttons were misaligned before I removed some CSS. I ended up removing quite a bit of Quick CSS to clean it up a little.

    February 18, 2018 at 6:53 am #913764
    Victoria

    Hi dmac,

    Looks like you changes elements, the code triggers specific elements, so if you change the elements, the code needs to be adjusted.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.home #av_section_3 .avia-builder-el-18.avia-button-wrap {
  float:right;
}

.home #av_section_3 .avia-builder-el-20.avia-button-wrap {
  float:left;
  margin-left:10px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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