Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 2, 2019 at 10:16 pm #1133129
    Loveronika

    Hi,
    I saw several questions and answers about changing font size in tables, but I couldn’t get it to work.
    I have inserted a table into a page (as a schedule for a yoga school).
    How can I
    – change the font size
    – change the font color
    – make part of the font bold
    – change the color of the table background
    – change the opacity of the table background
    ?
    Thank you for your help.
    Kind regards,
    Veronika

    September 3, 2019 at 2:30 pm #1133393
    Rikard

    Hey Veronika,

    Could you post a link to where we can see the elements in question please?

    Best regards,
    Rikard

    September 11, 2019 at 10:58 am #1136980
    Loveronika

    Hi Rikkard, did you geht the link? I’ve used the private reply 2 times already, will do it again.

    September 12, 2019 at 9:14 am #1137427
    Rikard

    Hi,

    I can’t see any links in this thread, so no. Please make sure that you write something in public reply box if you are trying to send them in private.

    Best regards,
    Rikard

    September 12, 2019 at 9:49 am #1137440
    Loveronika

    Hi, please see private reply.

    September 16, 2019 at 3:15 am #1138632
    Mike

    Hi,
    Sorry for the late reply, I will start with your last question for the example site and the vanishing third row, this was done by having two different tables showing only for certain screen widths.
    Now for your page, for font size and color but not the heading cell:

    .pricing-table li:not(.avia-heading-row) {
	font-size: 10px !important; 
	color: red !important; 
}

    for the heading cell:

    .pricing-table li.avia-heading-row {
    background-color: blue !important;
    border-color: blue !important;
    font-size: 10px !important;
    color: #ffffff;
}

    for the every other cell background color:

    .pricing-table>li:nth-child(even) {
	  background-color: yellow !important; 
}
.pricing-table>li:nth-child(odd):not(.avia-heading-row) {
	  background-color: orange !important; 
}

    I believe that should cover everything, please adjust to suit.

    Best regards,
    Mike

    September 16, 2019 at 5:32 pm #1138878
    Loveronika

    Thank you. What can I do if I would like to have just one word in the text bold?

    September 18, 2019 at 4:13 am #1139307
    Rikard

    Hi,

    Please try to wrap the word in a strong tag, like this:

    <strong>Text</strong>

    Best regards,
    Rikard

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