Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 4, 2021 at 1:43 pm #1277702
    tomcusters

    Hello,
    How to adjust (CSS) font size in a table and also adjust color link in a table.
    See https://nieuw.werkhuismaastricht.nl/tijdschema/

    I previously received the code below from you:

    .alternate_color table caption,
    .alternate_color tr:nth-child(even),
    .alternate_color .pricing-table>li:nth-child(even),
    #top .alternate_color .avia-data-table.avia_pricing_minimal td {
    color: #5a4e4e;
    background-color: #;
    }
    .alternate_color tr {
    border: 2px solid #e1e1e1;
    }

    See also post #1229173
    Thanks

    • This topic was modified 3 years, 9 months ago by tomcusters.
    February 6, 2021 at 6:32 am #1278205
    Rikard

    Hey tomcusters,

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

    tbody td a u {
  color: green; 
}

tbody th {
  color: red;
}

    Best regards,
    Rikard

    February 8, 2021 at 1:05 pm #1278635
    tomcusters

    Hello Rikard,

    The first part of the css is the link color, but what does the second part mean:
    tbody th {
    color: red;
    }
    Is there also css for the mouseover?

    Then I would like to be able to adjust the font size. Do you also have the CSS for this?

    thanks in advance

    February 9, 2021 at 8:38 am #1278963
    Rikard

    Hi,

    Thanks for the update. Please try this instead:

    tbody td a u {
  color: green; 
  font-size: 18px;
}

tbody th {
  color: red;
  font-size: 22px;
}

tbody th:hover {
  color: blue;
  font-size: 20px;
}

    th means table header.

    Best regards,
    Rikard

    February 11, 2021 at 1:16 pm #1279738
    tomcusters

    Hi Rikard, thanks so much.
    We are almost there.

    The mouseover at the links (td a u) does not work (yet). The th is okay.

    I have made the links (a) red, if I go over it (mouseover) it should become the color # 5a4e4e.
    See: https://nieuw.werkhuismaastricht.nl/rooster/

    Hope that is still possible.
    Thanks in advance.

    PS.
    The reason I use a <u> in the table is to make it more visually clear that it is a link. All links in the template are not underlined by default. If this is possible then I do not have to use <u> in the table and elsewhere in the site.

    • This reply was modified 3 years, 9 months ago by tomcusters.
    February 13, 2021 at 6:24 am #1280234
    Rikard

    Hi,

    Please try this CSS as well:

    tbody td a:hover u {
  color: green; 
  font-size: 18px;
}

    Best regards,
    Rikard

    February 13, 2021 at 3:36 pm #1280260
    tomcusters

    Hi Rikard, great, it works now.
    Thanks.

    Is it also possible to underline (u) all other links on the site?
    This way, visitors know that it is a link that they can click on.

    Regards Tom

    • This reply was modified 3 years, 9 months ago by tomcusters.
    February 14, 2021 at 4:30 am #1280362
    Jordan Shannon

    Hi,

    Try the following:

    a{
text-decoration:underline!important;
}

    Best regards,
    Jordan Shannon

    February 17, 2021 at 2:05 pm #1281735
    tomcusters

    Thanks so far.
    Regards Tom

    February 18, 2021 at 1:55 am #1281905
    Jordan Shannon

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

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