• Hi,

    Im trying to use different links within my website.

    Some I would like to show highlighted, others like the header image would not be highlighted.

    Is there a way to separate and define links to certain content?
    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • You could create different CSS classes to do that and style them differently. Or you may be able to differentiate them from existing context or classes or ids in the CSS selectors you choose. Without more specific information and a link to your site, hard to say for sure.

    Thread Starter practical

    (@kit-grill)

    Here’s the website,

    http://primarycoloursrecords.co.uk/

    I’m a little unsure about what css to change? could you explain further?
    much appreciated

    Depends on what you want to change.

    To style only the links in the header section, you could use:

    #header a {
       styles;
    }

    To create custom CSS classes, something like this:

    .myclass a {
       styles;
    }
    
    <div .myclass> <a ....> my links </a> </div>

    Thread Starter practical

    (@kit-grill)

    Hi,
    thanks for your reply.
    Could you explain how to style only the header, my header css currently is this

    #header {
    	position:relative;
    	top:0px;
    	margin-bottom:53px;
    	color:black;
    	font-size:14px;
    	float:none;
    	z-index:999;
    	text-align: center;
    
    }

    thankyou

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Use a Browser Inspector tool like Firebug to find whether you can uniquely identify pages with CSS. In particular, look at the <body> element for unique classes.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘How to use different links’ is closed to new replies.