Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #347703

    How do i change the background colour of a particular column . the colour section is not going into a column . I read lot of tips on this . I find it little hard , since I’m just a beginner ,i find it extremely hard to follow . Please can you give me a step by step instruction .

    #347710

    Hey simontwr!

    Please post the link to your website and point out the colomn :)

    Cheers!
    Yigit

    #347732
    This reply has been marked as private.
    #347737

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .flex_column.av_one_third.first.avia-builder-el-1.el_after_av_layerslider.el_before_av_one_third.avia-builder-el-first {
    background-color: red;
    padding: 10px;
    }

    Best regards,
    Yigit

    #347754
    This reply has been marked as private.
    #348108

    Hi!

    Thank you for the update.

    Please review the documentation. Add the code on functions.php then edit any elements, a text block for example.

    add_theme_support('avia_template_builder_custom_css');
    

    For example, you have 3 text blocks and you want them to have different background color. First, edit text block A, look for the custom css field as described on the screenshot then add gray-box. Edit text block B, add green-box. Use red-box for text block C. Save then update the page. Use this on Quick CSS field:

    .gray-box, .red-box, .green-box {
    padding: 10px;
    }
    
    .gray-box {
    background: gray;
    }
    
    .red-box {
    background: red;
    }
    
    .green-box {
    background: green;
    }

    Best regards,
    Ismael

    #349287
    This reply has been marked as private.
    #349552

    Hey!

    You can add it to bottom of Functions.php file in Appearance > Editor

    Regards,
    Yigit

    #349927
    This reply has been marked as private.
    #350110

    Hey!

    You should go to wp-content > themes > enfold > functions.php file and add the code to the bottom of that file and not the one inside wp-includes

    Regards,
    Yigit

    #350580
    This reply has been marked as private.
    #350720

    Hey!


    @josue
    provided a workaround some time ago and you can refer it to here – https://kriesi.at/support/topic/how-to-trigger-specific-elements/#post-268697 but coding is needed a bit for that.
    If you can post the link to your page and point out the column and the changes you would like to make, we can provide you custom CSS code

    Best regards,
    Yigit

    #351162
    This reply has been marked as private.
    #351380

    Hey!

    Please try using following code

    .gbox + * {
    background-color: gray;
    padding: 10px;
    }

    Cheers!
    Yigit

    #351790

    It works .

    Can you please tell me how to edit the page manually . Is there something like home.php ? How do i do it through Filezilla ?

    #352010

    Hi!

    If you’re using the advance layout builder, you’ll need to edit the template-builder.php which renders all the shortcodes inside a page. If you’re using the default editor, you can edit page.php. There is no home.php file on Enfold. You can create your own template though but we won’t be able to help you with that. Please refer to this link: http://codex.wordpress.org/Page_Templates

    Best regards,
    Ismael

    #352276

    Thanks for the replay . I’ll try the template-builder.php

    #352280

    Can you please specify the folders ..I can see two files in the smae name under different folders

    #352946

    Hi!

    There should be a single template-builder.php file in the themes directory. You can find it on wp-content > themes > enfold folder.

    Regards,
    Ismael

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