• Resolved freestyle89

    (@freestyle89)


    Hello,

    I have tried to search the forum and read most of the website, yet the font code didn’t work for me. I am trying to make it black to stand out against the white background, but for some reason it stays white even when I put in the CSS code to black.

    So i changed the background alternating colors, but I would prefer the default just with the grey or black text.

    Thanks in advance for any help!

    Also if the font size could be decreased on the header that would be nice.

    Link to site:
    https://heartcirclemountain.com/retreats/
    https://heartcirclemountain.com/retreats/

    Custom CSS I currently have:

    .tablepress-id-.tablepress tbody td {
    font-family: Georgia;
    font-size: 14px;
    color: #000000;
    }

    .tablepress .odd td {
    background-color: #A9E2F3;
    }

    .tablepress .even td {
    background-color: #81DAF5;
    }

    https://www.ads-software.com/plugins/tablepress/

Viewing 11 replies - 16 through 26 (of 26 total)
  • .tablepress-store-front {
    font-family: garamond;
    font-size: 12px;
    }

    My table name is Store Front the table id [table id=1 /]

    I tried the above but didnt see a change?? What am I doing incorrectly

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    You can’t use the table name in the CSS directly, unless you also add that CSS class into the “Extra CSS classes” field. Also, the font should be applied to the table cells directly, so please try the “Custom CSS”

    .tablepress-id-1 th,
    .tablepress-id-1 td {
      font-family: garamond;
      font-size: 12px;
    }

    Regards,
    Tobias

    That didn’t make a change for me?

    I gave you the table id I dont need to use it.

    I added it in the tablepress / plugin option /custom css. Is this the correct place to add it in?

    Question: The video I added for some reason refuses to be centered on the page
    this is the link: https://www.nataliesarabella.com/

    This is what I have in the table:
    <h1 style=”text-align: left;”><span style=”text-decoration: underline; color: #000000;”><span style=”text-decoration: underline;”>”The Queen of Christmas” – Natalie Sarabella</span></span></h1>
    <iframe src=”//player.vimeo.com/video/64002236″ width=”500″ height=”313″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe>

    I changed the title to align left so it looked good for now but I want it all centered.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for the link! That helped. We’ll just have to modify that CSS a little bit:

    .tablepress-id-1 td h3 a {
      font-family: garamond;
      font-size: 12px;
    }

    To center the video, please add

    .tablepress-id-2 td {
      text-align: center;
    }

    Regards,
    Tobias

    AWESOME!!!!! That worked thank you!!!!!

    One more thing sorry if I want bold underline and italics added to that code?

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    For underline and italics, you can extend the code to

    .tablepress-id-1 td h3 a {
      font-family: garamond;
      font-size: 12px;
      font-weight: bold;
      text-decoration: underline;
      font-style: italic;
    }

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

    PERFECT! Thanks again.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

    Hi. I’m pretty new to TablePress and CSS but managed to work my way through changing the column header background colour using your FAQ. However, I would really like to change the column heading font from being all capitals. Would you be able to help me with the CSS code for this? Thank you so much and I love your plugin!

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    That effect is added by your theme, but it can be removed with some CSS like this:

    .tablepress th {
      text-transform: none !important;
    }

    Regards,
    Tobias

Viewing 11 replies - 16 through 26 (of 26 total)
  • The topic ‘Chang change font color in table!’ is closed to new replies.