Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • June 11, 2019 at 9:06 pm #1109284
    khickman

    Ok I’m sure this is simple but I can’t find in the forum.
    I need to change the table cell color on this page. https://www.houstonshost.com/houston-web-hosting/
    Would like them to be a light blue.

    Thanks,
    Keith

    June 12, 2019 at 6:58 am #1109386
    Rikard

    Hey Keith,

    Please try the following in Quick CSS under Enfold->General Styling:

    .pricing-table>li:nth-child(odd), .pricing-table>li:nth-child(even) {
    background: lightblue;
}

    Best regards,
    Rikard

    June 12, 2019 at 5:08 pm #1109535
    khickman

    Hi Rikard,
    I added the code to the quick css section but it didn’t work. I also tried using the color hex code vs lightblue.
    This is all the code in that section.

    ——Start———-
    #header_meta, #header_main {
    background: transparent;
    border: none!important;
    }
    .sub-menu {
    max-width:160px;
    }
    .pricing-table>li:nth-child(odd), .pricing-table>li:nth-child(even) {
    background: #00CDFF;
    }

    Thanks,
    Keith

    June 13, 2019 at 6:00 am #1109712
    Rikard

    Hi Keith,

    I see that you have file compression active, did you select to delete the old CSS and JS files under Enfold->Performance before you checked the results? You might also need to use !important in the code:

    .pricing-table>li:nth-child(odd), .pricing-table>li:nth-child(even) {
    background: lightblue !important;
}

    Best regards,
    Rikard

    July 18, 2019 at 4:53 pm #1119955
    khickman

    Hi Rikard,
    Sorry I’m just getting back to this. I may have not been specific enough. the table cells are now blue but I only wanted the top header cell changed from black to blue. Can you help?

    Houston Web Hosting

    Thanks,
    Keith

    July 20, 2019 at 7:19 pm #1120468
    Mike

    Hi,
    Please try using this css instead:

    .avia-heading-row,.pricing-extra {
background: lightblue !important;
}

    Best regards,
    Mike

    July 20, 2019 at 7:31 pm #1120469
    khickman

    Hi Mike,
    Great. We’re almost there. Is there a way to change the black row beneath it also?

    Thanks!
    Keith

    July 20, 2019 at 8:39 pm #1120476
    Mike

    Hi,
    Please try this css:

    .avia-pricing-row {
background: lightblue !important;
}

    Best regards,
    Mike

    July 20, 2019 at 9:34 pm #1120486
    khickman

    Hi Mike,
    That did not work.

    Thanks,
    Keith

    July 20, 2019 at 11:50 pm #1120500
    Mike

    Hi,
    This seems to be working for me, Please try this code in the WordPress > Customize > Additional CSS field:

    .avia-pricing-row {
background: lightblue !important;
}

    Otherwise Please include an admin login in the Private Content area so we can be of more assistance.

    Best regards,
    Mike

    July 21, 2019 at 1:14 am #1120534
    khickman

    Ok this works when I added it to WordPress > Customize > Additional CSS
    Was putting in in Enfold >General Styling> Quick CSS
    One more question. It seems that this code with not accept hex color codes. I’m trying to dial the color in. Is there a code that will accept hex?

    Thanks,
    Keith

    July 21, 2019 at 1:22 am #1120537
    khickman

    Nevermind! I see what I did wrong. Thank you!

    July 21, 2019 at 3:40 am #1120548
    Mike

    Hi,
    Glad to hear you have it sorted out now. Shall we close this thread then?

    Best regards,
    Mike

    July 21, 2019 at 4:52 am #1120563
    khickman

    Thank you, Mike. Yes. Please close.

    July 21, 2019 at 5:57 am #1120567
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Change Table Cell color’ is closed to new replies.