Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • June 16, 2014 at 2:34 am #279194
    sineadh

    Hi There,

    I’ve added a colour selection into layout elements on a page and want to set the height of the coloured box/selection to be a specific size?
    i.e height:20px
    How do i do this?

    Can I also set a text box to be a specific height and colour the background?
    i.e color: #cde03c and height:50px

    thanks!!
    Sinead

    June 16, 2014 at 4:37 am #279218
    Josue

    Hi Sinead!

    Try enabling this:
    http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Then set a custom class to the elements you want to affect and add this to the Quick CSS:

    .elements{
height: 20px !important;
margin: 0 !important;
padding: 0 !important;
}

    Cheers!
    Josue

    June 16, 2014 at 5:41 am #279231
    sineadh

    Hi,

    Do I need to add anything else around this? As it has come up an error when I added it to the bottom of the functions.php

    add_theme_support(‘avia_template_builder_custom_css’);

    Thanks!

    June 16, 2014 at 5:44 am #279232
    Josue

    What error did you get?

    Cheers!
    Josue

    June 16, 2014 at 5:51 am #279238
    sineadh
    This reply has been marked as private.
    June 16, 2014 at 5:53 am #279240
    Josue

    You need to put the code in the theme functions.php:
    /wp-content/themes/enfold/functions.php

    Regards,
    Josue

    June 16, 2014 at 6:09 am #279249
    sineadh

    Thanks Josue, I’ve done that.
    The yellow colour band is still too thick and I’ve put the code in?

    June 16, 2014 at 6:23 am #279256
    Josue

    You need to set the class here, and the code here. Use this code instead (Quick CSS):

    .elements{ 
height: 20px !important;
min-height: 0 !important;
}

    Cheers!
    Josue

    June 16, 2014 at 6:44 am #279260
    sineadh

    Great thanks Josue. It’s work up the top.

    I’ve just tried the same to the text box underneath the slider on the home page and I don’t think I’ve set the code right? I’d like to yellow to fill the edge of the box.

    this is what i’ve put:
    .elements2{
    height: 60px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #e8e415;
    }

    thanks!!!

    June 16, 2014 at 6:45 am #279261
    sineadh
    This reply has been marked as private.
    June 16, 2014 at 7:59 am #279274
    Josue

    I think you should need to change the height value, try with this:

    .elements2{
height: 30px !important;
background-color: #e8e415;
}

    Cheers!
    Josue

    June 16, 2014 at 8:17 am #279283
    sineadh

    Hi Josue,

    The yellow needs to bleed to the page edge and butt up to the image?
    Sorry I’m a novice :)

    June 16, 2014 at 8:46 am #279292
    Josue

    In that case it would be better to set the elements2 class to a color section (not to the text block) right after the slider.

    Regards,
    Josue

    June 16, 2014 at 2:05 pm #279425
    sineadh

    Thanks all fixed :)

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘specific box height’ is closed to new replies.