I'm trying

hi. I'm trying to change the colors of my links on this page from red to black.

http://ttp.aircraftrefuelers.com/?page_id=129#top

all the links are in these same kinda tables.

  • James Morris

    Hello imagineutopia,

    Thank you for your question.

    If you are only wanting to change the link color in tables, this is a very simple matter.

    First, you'll need to define a CSS class to override the default CSS for links on your site. To do this, follow these steps:

    Go to Admin -> Appearance -> Editor
    At the bottom of your stylesheet (the file that loads first in the editor), add something like the following:

    table.custom-link-color a {
    color: black;
    }

    The above changes all links inside tables with the class "custom-link-color". This can be further customized for the :hover, :visited, and :active pseudo-classes, if you like. Here's an example:

    table.custom-link-color a, table.custom-link-color a:visited {
    color: black;
    }
    table.custom-link-color a:hover, table.custom-link-color a:active {
    background-color:red;
    color:white;
    }

    Once you've added your custom CSS, click Update File.

    When you add your tables to your posts/pages, just add your custom CSS class to the table. For example:

    <table class="custom-link-color">
      <tr>
        <th>Quantity</th>
        <th>Spec</th>
        <th>Description</th>
    	<th>Price</th>
      </tr>
      <tr>
        <td>1</td>
        <td>1</td>
        <td><a href="#">2017 Ford F-550, Powerstroke 6.8L EFI V10 Gas, 362 HP, 5-Speed Automatic, 18K GVW, 84" ca, Hydraulic Brakes</a></td>
      </tr>
    </table>

    Please let me know if you have any further questions. I'll be happy to help! :slight_smile:

    Best regards,

    James Morris

  • James Morris

    Hello imagineutopia,

    In order to help you better with your issue, could you please grant me access to your site?

    Please visit the Contact page and complete the form with the following information:

    Select "I have a different question" from the drop-down box.

    Subject: "Attn: James Morris"

    In the Message box, please provide the following:

    - Admin login:
    Admin username
    Admin password
    Login url

    - FTP credentials
    host
    username
    password
    (and port if required)

    - link back to this thread for reference
    - any other relevant urls

  • James Morris

    Hello imagineutopia,

    The problem was including table in the CSS classifier. Basically, using a builder like you are, it appended your custom CSS class to a div instead of to the table itself. I simple changed the custom CSS to the following and it worked perfectly.

    .custom-link-color a {
    color: black;
    }

    Please let me know if you have any further questions. I'll be happy to help! :slight_smile:

    Best regards,

    James Morris

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.