Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • September 28, 2021 at 5:21 am #1322564
    34oldcat29

    Hello all,
    I created a table and I want no vertical borders and no background colors. Unfortunately I already have borders and background set up in the Quick CSS which work well for other tables. How can I get this table to ignore the css rules that are in place and used by the other tables?

    Thanks!!!

    September 28, 2021 at 9:35 am #1322592
    Guenni007

    be more specific on your selectors.
    Maybe you give custom ID’s or custom classes to those table.

    September 28, 2021 at 7:05 pm #1322676
    34oldcat29

    I created a custom ID (“Portfolio-style”) and applied the following rules to the Quick CSS

    .Portfolio-style
    {
    padding: 0px 0px;
    border-bottom: 1px solid #00678f;
    border-bottom-color: #00678f;
    border-top: 1px solid;
    border-top-color: #00678f;
    border-left: none;
    border-right: none;
    background-color: Red;
    }

    Unfortunately no changes occurred. I tried clearing cache but I’m still stuck with the original styling.

    September 28, 2021 at 7:50 pm #1322681
    Guenni007

    if it is realy a custom ID it will be:
    #portfolio-style {… } ( it is change anyway to not uppercase )
    .portfolio-style is a class

    September 28, 2021 at 11:58 pm #1322690
    34oldcat29

    Oops sorry, yes I fixed that after pasting into the forum posting. I was able to control (via css) the color section, but unfortunately I cannot control the boarders on my table which resides in a cell within the color section.
    Sorry I wasn’t clear in my original posting.

    September 29, 2021 at 5:15 am #1322704
    Rikard

    Hi 34oldcat29,

    Thanks for the update. Could you post a link to where we can see the actual table please? Also please try to explain the changes you would like to make a bit further.

    Thanks @guenni007 for helping out :-)

    Best regards,
    Rikard

    September 29, 2021 at 7:37 am #1322732
    34oldcat29

    I am attaching 2 links, one that is my draft page and the other is the page that I am using as reference. The tables that I am building are on the right column. As you can see, table properties are stuck on the Enfold seetings and cannot be overwritten. Also, rowspan no longer works, maybe this command is no longer supported these days?
    Perhaps you have a better suggestion on how to do this instead of using code blocks?
    I tried using the WordPress Magazine and Catalog content elements but I could not achieve the same style that I am trying to accomplish. Any suggestions are greatly appreciated.

    Thank you!

    September 30, 2021 at 4:53 am #1322912
    Rikard

    Hi,

    Thanks for the update. So you want the content in the 1/3 on the right to look like the elements on the page in private? If so, then I don’t think you have to use tables for that. If you post admin WordPress login details in private, then we can try create an example for you.

    Best regards,
    Rikard

    September 30, 2021 at 5:43 am #1322925
    34oldcat29
    This reply has been marked as private.
    October 1, 2021 at 5:02 am #1323084
    Rikard

    Hi,

    Thanks for that. I’ve made an example for you on the page you linked to, please have a look at that. You might want to give the divs classes instead, so that you can move the styling into Quick CSS instead for example.

    Best regards,
    Rikard

    October 1, 2021 at 5:51 pm #1323183
    34oldcat29

    Thank you so much, I didn’t think of doing a basic text block instead of tables. I guess I was overthinking it ha ha.
    Thanks again.

    October 2, 2021 at 6:49 am #1323242
    Rikard

    Hi,

    No problem, I’m glad that we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    October 3, 2021 at 11:34 pm #1323366
    34oldcat29

    No further help needed. Feel free to close the topic. Thanks!

    October 4, 2021 at 2:25 am #1323370
    Ismael

    Hi,

    Alright! Glad we could be of help. Please feel free to open another thread if you need anything else.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘how to make a table ignore existing css rules’ is closed to new replies.