Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 23, 2016 at 10:30 am #690579
    Jon

    How do i change these table color and border thickness ?
    thank you

    attached images

    View post on imgur.com

    September 24, 2016 at 9:39 pm #691267
    Jordan

    Hey Jon,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Jordan

    September 27, 2016 at 5:26 am #692057
    Jon

    Ok
    have attached link

    September 27, 2016 at 4:07 pm #692316
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .main_color td {
    border-top: 6px solid #e1e1e1!important;
}

    Best regards,
    Vinay

    September 27, 2016 at 6:15 pm #692367
    Jon

    Hi,

    it does not target the middle row

    how to target the middle row only

    here are my current quick css
    .slide-meta {
    display:none;
    }
    td {
    vertical-align: top;
    }
    .main_color td {
    border: 3px solid #e1e1e1 !important;
    }

    .image-overlay .image-overlay-inside {
    display:none !important;
    }

    .main_color tr:nth-child(even) {
    background-color: #cccccc;
    }

    thank you

    September 28, 2016 at 9:24 am #692526
    Vinay

    Hi,

    To target individual elements please enable custom css class name as mentioned in this link kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    And use the css provided earlier in combination with the class name that you add to the table.

    Example

    
.main_color .custom-table-class td {
    border-top: 6px solid #e1e1e1!important;
}

    Best regards,
    Vinay

    September 28, 2016 at 11:45 am #692561
    Jon

    Thank you Vinay
    but i think you misunderstand me

    i only need to change 2 borders
    please see attached image

    View post on imgur.com

    Your code change all the “td” top border

    is there any way to target it like maybe using nth child / item or something similar ?
    thank you

    September 30, 2016 at 6:53 pm #693988
    Vinay

    Hi,

    As mentioned earlier the code will affect all the tables so please specify a unique class name to the table and use the code provided.
    Let us know if you enable the custom css class name support as suggested in the previous reply and added a custom class name to the table to target a specific or an individual table?

    Best regards,
    Vinay

    October 13, 2016 at 7:28 am #698586
    Jon

    Hi Vinay,

    thanks for your time but you misunderstand me

    i want to target the SPECIFIC table row for all tables on the website so i do not need to use a unique class for table

    i want a universal change to all table BUT only for the 2nd row

    your css code .main_color td change every td

    i only want to change the 2nd row that why i suggested maybe n:th child or something similar ?

    October 17, 2016 at 4:28 am #699761
    Ismael

    Hi,

    Thank you for the info.

    You can try the following code.

    tbody tr:nth-child(2) {
    background-color: red !important;
}

tbody tr:nth-child(2) td {
    border: 5px solid blue !important;
}

    If you want to be more specific with the selector, add a custom css class attribute to the table.

    Best regards,
    Ismael

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