Generic name for html web addresses

  • Hi,

    I have some code to make my link appear appear like a button. The code is:

    a[href="https://adsler.co.uk/wp-user-test-dashboard-2/awpcp-reply-to-ad/10/old-goriot/"] {
 background: green! important; color: white! important; padding: 5px! important;
	
}

    Or

    a[href=”https://adsler.co.uk/wp-user-test-dashboard-2/awpcp-reply-to-ad/10/old-goriot/”%5D {
    background: green! important; color: white! important; padding: 5px! important;

    }

    This is css which makes an html link look like a button. All good so far.

    The problem is that it just changes the look of that link amd turns it into a button on one ad, whereas what i want is for it to not only change it for that one, but for all the links of that type.

    This is so that all they all look the same, and for any future ad posting to have that css styling, in that place, for that particular link function of ‘contact.’

    Is there a way to do this, css, or a generic name for html href= which let’s the site know I’m talking about all the links under contact so that they’d all be styled like a button?

    Thanks,

    Nico
    Adsler.co.uk.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Give those links a class:

    
<a href="..." class="something"> One of many special links that you want to style </a>

    And then style that class:

    
.something {
    background: pink;
    ...
}
    Thread Starter adsler26

    (@adsler26)

    Thanks, let me try

    Thread Starter adsler26

    (@adsler26)

    Doesn’t work..

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Whereabouts did you add it? https://adsler.co.uk/

    Thread Starter adsler26

    (@adsler26)

    I think it depends on where exactly you place the class= maybe? Doesn’t work within ] doesn’t work outside of ]

    And if i include it under href= then it just attributes the style to that ‘href`.

    Not sure, anyway, by css box wouldn’t allow it, and the only way to style contact is through a[href= it seems?

    Thread Starter adsler26

    (@adsler26)

    I tried it after “web address” within ] and just after ]

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Generic name for html web addresses’ is closed to new replies.