Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 21, 2018 at 5:29 pm #900393
    navindesigns

    On my homepage – https://ohsnapselfie.com/

    – how do I add padding around the text section below each image?

    eg to the left, right, top and bottom of

    our super fun Boomerang GIF Booth takes a series of quick shots and strings them together in an awesome clip that plays forwards and backwards. it’s crazy fun

    our premium photo booth boasts gorgeous professional studio lighting, 32″ interactive touchscreen, high quality props, fast on-the-spot prints, custom templates, instant social media sharing+++

    our one-of-a-kind 3D Selfie Booth uses a new technology called Boomarray to create cool 3D motion effects bringing your selfies to a whole-notha-level

    Please note the padding should ONLY be applied to the text and button below the images and NOT around the images

    I have tried the following but it is not working:

    .home #av-layout-grid-1 .avia_textblock p {
    padding:20px !important;
    }

    • This topic was modified 6 years, 10 months ago by navindesigns.
    January 22, 2018 at 6:44 am #900642
    Rikard

    Hey navindesigns,

    If you activate custom CSS for all builder elements: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/, then you can give those text blocks a class, for instance below-image. Then you can use this in Quick CSS:

    .below-image {
  padding:15px !important;
}

    Best regards,
    Rikard

    January 23, 2018 at 4:01 am #901116
    navindesigns

    I tried to add it to my functions.php file and got the following error

    Scrape nonce check failed. Please try again.

    January 23, 2018 at 8:07 am #901249
    Nikko

    Hi,

    Please add the code given by Rikard in QUick CSS not in functions.php, Quick CSS is located in Enfold > General Styling. Let us know if this helps.

    Best regards,
    Nikko

    January 25, 2018 at 4:59 am #902511
    navindesigns

    Sorry I meant, I was trying to add the following code in funcations.php to turn on custom css class
    add_theme_support(‘avia_template_builder_custom_css’);

    But I keep getting the following error

    Scrape nonce check failed. Please try again.

    January 25, 2018 at 9:57 am #902704
    Nikko

    Hi,

    Can you give us ftp access? so we can check on it further.

    Best regards,
    Nikko

    January 26, 2018 at 3:48 am #903136
    navindesigns

    see below

    January 26, 2018 at 4:36 am #903146
    navindesigns

    also one other thing

    Since I added another grid row with just 2 columns (THE SELFIE MIRROR & FLIP BOOK BOOTH). Is is possible to center those 2 instead of it being left aligned?

    Home Test

    January 29, 2018 at 7:12 pm #904367
    Basilis

    Hi,

    There is no way to do that as it will brake the grid.
    What you cna do is make a grid that has left and right 2 small columns, so those in the middle the two, will be looked like they are centered.

    Best regards,
    Basilis

    January 30, 2018 at 3:22 am #904582
    navindesigns

    ok thanks

    any update on this error

    Sorry I meant, I was trying to add the following code in funcations.php to turn on custom css class
    add_theme_support(‘avia_template_builder_custom_css’);

    But I keep getting the following error

    Scrape nonce check failed. Please try again.

    January 31, 2018 at 5:11 am #905341
    Ismael

    Hi,

    Thank you for the update.

    We edited the padding values of the grid row cells and added a separator between the image and the text. Please adjust the padding values as needed.

    IMPORTANT: Is that Putin on the first picture? :D

    Best regards,
    Ismael

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