Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • February 9, 2016 at 12:00 am #579974
    diefleischerei

    Hi Yigit. Can you help me to get this custom color section look?

    February 9, 2016 at 8:21 am #580194
    Rikard

    Hey diefleischerei,

    Could you try a 1/1 element to see if that works better maybe?

    Regards,
    Rikard

    February 9, 2016 at 12:09 pm #580320
    diefleischerei

    OK, but can i give an 1/1 element a gray background?

    February 9, 2016 at 1:23 pm #580382
    Vinay

    Hi!

    Yes you can add grey background to 1/1 by adding a custom css class name.

    To add custom css class name please enable class name support in your theme as mentioned in the below link
    http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    then add the below code to Enfold > General Styling > Quick CSS

    grey-bg {
background:#cecece!important;
}

    Best regards,
    Vinay Kashyap

    • This reply was modified 8 years, 9 months ago by Vinay.
    February 9, 2016 at 1:50 pm #580392
    diefleischerei

    Hi. i have added the custom css class. but there is no grey background!

    February 9, 2016 at 1:55 pm #580394
    diefleischerei

    And can you help me to get a seperator with custom css to full width?

    February 10, 2016 at 5:30 am #580787
    Rikard

    Hi,

    You should be able to se the background of the element in the Colors tab in the options of the element. Getting the separator the way you want will be difficult since it’s already 100%, setting a higher value will only expand it to the right since it’s inside of the container.

    Regards,
    Rikard

    February 10, 2016 at 9:45 am #580910
    diefleischerei

    Hi. Thank you. But why do is use the custom css element?? “grey-bg” It really do not wok this way (with the backgound color inside the color tab). please take a look :)

    February 10, 2016 at 10:32 am #580936
    Yigit

    Hey!

    As Vinnie said, please add 1/1 column element to your page, give it a custom CSS class and then add following code to Quick CSS

    .av_one_full.your-custom-class {
    width: 112%!important;
    margin-left: -50px!important;
    padding-left: 50px;
    margin-right: -50px!important;
    padding-right: 50px;
}

    Regards,
    Yigit

    February 10, 2016 at 11:15 am #580973
    diefleischerei

    Thank you Yigit. but it has still no grey background and how can i bring the 1/4 and the 3/4 elements inside the 1/1??

    February 10, 2016 at 11:17 am #580974
    diefleischerei

    Here.

    February 10, 2016 at 1:19 pm #581088
    Vinay

    Hi!

    Please check the link in private we have created a test page for you.

    We have added the below css in quick css

    .grey-bg .container {
background:#c4c4c4!important;
}

    Best regards,
    Vinay Kashyap

    February 10, 2016 at 1:30 pm #581095
    diefleischerei

    Wow looks awesome. Only little thing: how can i delete this line?

    February 10, 2016 at 1:39 pm #581098
    Yigit

    Hey!

    You can edit your color section element and choose not to display borders.

    Cheers!
    Yigit

    February 10, 2016 at 1:52 pm #581110
    diefleischerei

    ;)

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Get custom color section look’ is closed to new replies.