Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
sandrider

Changing the colour of font that is a link

Question

Hi there,

I've been puzzling about and I think I have the wrong tags or something.

I have this markdown in my page

<div class="divTable">
    <div class="divTableRow">
        <div class="divTableCell">
            [Mono Batch API][1]
        </div>
    </div>
    <div class="divTableRow">
        <div class="divTableCell">
            [Dual Channel Batch API][2]
        </div>
    </div>
</div>

[1]: /mono-batch-api
[2]: /dual-channel-batch-api

<style>
.divTable{
    display: table;
    width: 100%;
    background-color: #2b4286;
}
.divTableRow {
    display: table-row;
}
.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
}
.divTableCell, .divTableHead {
    display: table-cell;
    padding: 20px;
    font-size: 25px;
}
.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}
.divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}
.divTableBody {
    display: table-row-group;
}
</style>

What I'm trying to do is get change the displayed text (Mono Batch API and Dual Channel Batch API) to white. I've tried using <p> with the color: white also tried adding this to all the elements in the CSS but nothing changes it. I must be missing something. I've also added this to my CSS

a { color: white }

but still nothing. I'm not sure how this linking works in SS. Are those 2 items links or text? Help.

 

Desmond

 

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

I've tried this:

<style>
.divTable{
    display: table;
    width: 100%;
    background-color: #2b4286;
    color: white;
}
.divTableRow {
    display: table-row;
    color: white;
}
.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    color: white;
}
.divTableCell, .divTableHead {
    display: table-cell;
    padding: 20px;
    font-size: 25px;
    color: white;
}
.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
    color: white;
}
.divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
    color: white;
}
.divTableBody {
    display: table-row-group;
    color: white;
}
</style>

 

Nothing turns white.

Edited by sandrider

Share this post


Link to post
  • 0

Okay, I realised that in my style sheet this variable(?) pageLinkColor is the one that is setting the colours but I can't seem to find a way to change this just for this page.

@tuanphan sorry for the page hasn't been published, so I can't share it but the codes above are what are exactly in the markdown block. I can change everything else except the colour of page link color.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...