Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 16, 2015 at 3:15 pm #396738
    JKU5812

    Hello,

    I did read a lot of blogs about making the background of a table one color, but I don’t get it.
    I’m pretty sue I’m doing something wrong, but what?

    On this page I’ve created a table in the editor. http://dnhofvandetoekomst.nl/contact/
    I want to have the background white and no border.
    So please help

    With kind regards,
    John

    February 16, 2015 at 3:20 pm #396741
    Yigit

    Hi John!

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

    .page-id-71 tr {
background-color: white!important;
}
.page-id-71 tr td {
border: none;
}

    Cheers!
    Yigit

    October 10, 2018 at 6:34 pm #1020034
    Eric

    Hi Enfold Support,
    We’re trying to accomplish the same thing as well as style the content within the tables. Ideally we’d like to accomplish the following:
    1. have the table cells background be transparent so the color section background video shows through.
    2. vertically align the content
    3. remove borders
    4. no space and or control the spacing between table cells as well as above and below (i.e. padding and or margins)

    URLs and logins in private area.
    Thank you!
    Eric

    October 12, 2018 at 8:48 pm #1020836
    Victoria

    Hi Eric,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
 .main_color tr:nth-child(odd), 
 .main_color .pricing-table>li:nth-child(odd),
 .main_color .pricing-extra {
  background: transparent;
  border:  none;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 12, 2018 at 9:28 pm #1020853
    Eric

    Hi Victoria,
    That did it although it didn’t work placing within the Quick CSS area of Enfold. Worked when placing within the WordPress Customize area “Additional CSS”. This way it won’t be overwritten during the next Enfold update.

    Can you please share the css for these other items?
    2. vertically align the content
    4. no space and or control the spacing between table cells as well as above and below (i.e. padding and or margins)
    Thanks you,
    Eric

    October 12, 2018 at 11:34 pm #1020898
    Eric

    We solved the vertical alignment with:
    .pricing-table-wrap {
    vertical-align: middle;
    }

    Beside item #4, we have one other request and this is to make the table width of one column bigger than the other. Currently they’re the same width. We’d like the first column (left) to be 70% of the table width and 30% for the right column.
    Thanks!
    Eric

    October 15, 2018 at 6:59 pm #1021718
    Victoria

    Hi Eric,

    Best regards,
    Victoria

    October 15, 2018 at 8:19 pm #1021759
    Eric

    So how can you make the table width of one column bigger than the other? Currently table cells / columns are the same width. We’d like the first column (left) to be 70% of the table width and 30% for the right column. Do you have a quick CSS fix to accomplish this?

    October 16, 2018 at 6:35 pm #1022310
    Victoria

    Hi Eric,

    You need to give this first tables an id or a class so that we can try to target it.

    Best regards,
    Victoria

    October 16, 2018 at 9:24 pm #1022399
    Eric

    Use “custom-table-width” What’s the CSS class that we’ll be adding to the Quick CSS? Thanks!

    October 18, 2018 at 5:13 pm #1023491
    Victoria

    Hi Eric,

    Well, you can use this code:

    
.wp-image-21108 {
  max-width: 200% !important;
  width: 150%;
}

    Best regards,
    Victoria

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