This topic has 13 replies, 2 voices, and was last updated 10 years by maxhilton.

  • Author

    Tagged: 

  • #72409
     maxhilton
    Participant

    Hi,

    I need a border on current column(1.jpg), just like in border.jpg, is that possible ? Thanks

    #72469
     Radu
    Moderator

    Hi,

    Yes, but please provide that page url.

    Regards

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #72510
     maxhilton
    Participant

    HI,

    Below are the pages :

    https://tukang.com.my/low-budget-renovation/
    https://tukang.com.my/aa2hm/ (need border as well)

    Thanks !

    #72588
     Radu
    Moderator

    Hi,

    Try this snippets

    COPY CODE
    
    .caroufredsel_wrapper {
        border-left: 1px solid #333;
        border-bottom: 1px solid #333;
        border-right: 1px solid #333;
    }
    
    //OPTIONAL Make all small thumbs to have same height.
    .caroufredsel_wrapper .kleo-thumbs-carousel a img { height:45px !important; }
    
    COPY CODE
    
    //Border 5px to https://tukang.com.my/aa2hm/
    
    .kleo_text_column.wpb_content_element {
        border: 5px solid #777;
    }
    

    Let me know if it’s ok

    Regards

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #72650
     maxhilton
    Participant

    Hi Radu,

    Thanks for the help, it works well for the second one, for the first one, however, is not working, cause the border cover on the image gallery, (Sorry, forget to tell you that it was an image gallery above and textblock below, and the border right and left should be cover both image gallery and text block), Or Maybe the left and right border that can connect to the image gallery, possible for that ?
    Thanks

    #72944
     maxhilton
    Participant

    Hi,

    Can I know how to remove the space between the image gallery and the text block ? Tried with padding=”0px” but it doesn’t seems to be work, any suggestion on it ? Thanks (.image is the class name for the image gallery)

    https://tukang.com.my/testpage/

    #72967
     Radu
    Moderator

    Get rid of that padding

    COPY CODE
    
    .wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button {
        margin-bottom: 0px;
    }
    

    Get rid of that space and add border to entire box.

    COPY CODE
    
    .wpb_gallery.wpb_content_element {
        margin-bottom: 0px;
        border-left: 1px solid #c3c3c3;
        border-right: 1px solid #c3c3c3;
        border-top: 1px solid #c3c3c3;
    }
    
    .kleo_text_column.wpb_content_element {
        border-left: 1px solid #c3c3c3;
        border-right: 1px solid #c3c3c3;
    }
    
    .kleo_text_column.wpb_content_element h3 {margin-top:0;padding:10px 0;}
    .kleo_text_column.wpb_content_element table {border-bottom:1px solid #c3c3c3;}
    
    

    Let me know if is ok.

    Best Regards

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #73336
     maxhilton
    Participant

    Hi,

    It works. Thanks a lot.

    #73364
     Radu
    Moderator

    You’re welcome,

    Also don’t forget to rate our theme on Themeforest and give it 5 stars 🙂

    http://themeforest.net/downloads/

    Best regards

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #87823
     maxhilton
    Participant

    Hi,

    Can I know how to change the design as per attachment ? Thanks

    #87893
     Radu
    Moderator

    HI,

    COPY CODE
    
    .article-content .wpb_wrapper .wpb_wrapper h3 {
        margin: 5px 0;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #88059
     maxhilton
    Participant

    Hi Radu,

    Thanks for the help, and the space between the border and the table as per attachment ?

    #88133
     Radu
    Moderator

    Please add this css

    COPY CODE
    
    .kleo_text_column.wpb_content_element {
        border-right: 1px solid #c3c3c3 !important;
        border-left: 1px solid #c3c3c3 !important;
        border-top: 1px solid #c3c3c3 !important;
        border-bottom: 1px solid #c3c3c3 !important;
        padding-top: 0px;
    }
    

    Cheers

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #88248
     maxhilton
    Participant

    Hi Radu,

    Thanks a lots ! 🙂

Viewing 14 posts - 1 through 14 (of 14 total)

The forum ‘KLEO’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?