Changing link and heading colours on one page only

  • Resolved David Hunter – LAS

    (@david-hunter-las)


    5 years, 12 months ago

    I have applied some custom CSS to change the background colour and colour of “paragraph” text on one page.

    Now, I need to change all the text on the page that isn’t red (i.e. the text that’s grey, which are both links and headings) to a different colour.

    I only want this change to effect this specific page, not all my pages/posts.

    How can I achieve this?

    I have uploaded a screenshot with the specific text I want to change circled.

    Thanks in advance.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter David Hunter – LAS

    (@david-hunter-las)

    Never mind; got it working by adding in the following custom CSS:

    body.page-id-3884 .site-content-contain{background-color: #000; color: red;}
    body.page-id-3884 .entry-title{ color: red;}

    body.page-id-3957 .site-content-contain{background-color: #000; color: red;}
    body.page-id-3957 .entry-title{ color: red;}

    body.page-id-3957 a {
    color: #299471;
    text-decoration: none;
    }

    body.page-id-3957 a:focus {
    outline: thin dotted;
    }

    body.page-id-3957 a:hover,
    a:active {
    color: #0bc9da;
    }

    body.page-id-3884 a {
    color: #299471;
    text-decoration: none;
    }

    body.page-id-3884 a:focus {
    outline: thin dotted;
    }

    body.page-id-3884 a:hover,
    a:active {
    color: #0bc9da;
    }

    body.page-id-3884 label {
    color: red;
    display: block;
    font-weight: 800;
    margin-bottom: 0.5em;
    }

    body.page-id-3957 label {
    color: red;
    display: block;
    font-weight: 800;
    margin-bottom: 0.5em;
    }

    body.page:not(.twentyseventeen-front-page) .entry-title {
    color: red;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    }

    (I needed it on two pages, hence id-3884 and id-3957)

Viewing 1 replies (of 1 total)
  • The topic ‘Changing link and heading colours on one page only’ is closed to new replies.