Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • March 21, 2018 at 5:35 pm #930697
    Sujohn

    Hi
    I was wondering how I can remove the radius on the full width button and images within the colour section half way down this page?
    I have the custom css for ALB turned on but can’t seem to get some css that works.I don’t want to change the styles sitewide.
    Thanks
    Su

    March 21, 2018 at 6:00 pm #930716
    Jordan Shannon

    Hey Sujohn,

    Please add the following to quick css:

    .avia-button, .avia_image{
border-radius:0!important;
}

    Best regards,
    Jordan Shannon

    March 21, 2018 at 7:21 pm #930782
    Sujohn

    Hi Jordan

    If I don’t want to change images and buttons site wide if I put the css name
    su-radius
    in the custom css box for the element

    Would the code for the quick css then look like

    .su-radius {
    border-radius: 0 !important;
    }

    Thanks
    Su

    • This reply was modified 6 years, 9 months ago by Sujohn.
    March 21, 2018 at 7:27 pm #930794
    Jordan Shannon

    Hi,

    Do you just want to target this specific page?

    Best regards,
    Jordan Shannon

    March 21, 2018 at 7:41 pm #930802
    Sujohn

    Hi
    Yes for the moment but I could do with getting the hang of how to use the custom css too.
    Thanks
    Su

    March 21, 2018 at 7:54 pm #930808
    Jordan Shannon

    Hi,

    Try this instead:

    .page-id-5256 .avia-button, .page-id-5256 .avia_image{
border-radius:0!important;
}

    Best regards,
    Jordan Shannon

    March 21, 2018 at 9:00 pm #930844
    Sujohn

    That worked. Thanks.
    I could really do with using this styling on an individual row on another page.
    Is there any way to do that?

    March 21, 2018 at 9:11 pm #930852
    Jordan Shannon

    Hi,

    You would just need to get the ID of that page and put it in place of the id that I placed above.

    Best regards,
    Jordan Shannon

    March 21, 2018 at 9:19 pm #930860
    Sujohn

    That seems good if I want to change the styling for the whole page but is there a way to do it if I just want to change a row so that I can get the same styling as my test page?

    March 21, 2018 at 9:36 pm #930881
    Jordan Shannon

    Hi,

    Please provide a link to the page.

    Best regards,
    Jordan Shannon

    March 21, 2018 at 10:53 pm #930924
    Sujohn

    Hi
    Attached as private content. I now have the right selector for removing the radius on the images which is
    .your-custom-class img
    but can’t seem to get a working one for the button radius.
    Thanks
    Su

    March 21, 2018 at 11:00 pm #930929
    Jordan Shannon

    Hi,

    Did you add that class to the row you want to effect? I’m not seeing that class when I inspect the page above.

    Best regards,
    Jordan Shannon

    March 21, 2018 at 11:06 pm #930933
    Sujohn

    Hi

    Don’t worry I eventually found the info elsewhere on the forum. I seem to have got this working for images with
    .your-custom-class img
    and for buttons with
    .your-custom-class .avia-button-fullwidth

    For the record the full code that seems to be working is
    .your-custom-class .avia-button-fullwidth, .your-custom-class img{
    border-radius: 0 !important;
    }
    Thanks
    Su

    March 21, 2018 at 11:23 pm #930936
    Jordan Shannon

    Hi,

    Great! I’m glad you got this corrected. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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