Linking icons to external websites using css in the site title

  • Unknown's avatar
    victorybootcamp · Member ·

    Hey guys I’ve coded for most of my website @
    https://victorybootcampcouk.wordpress.com – I’ve done the social media icons and bought the customisation pack to do css in. I’ve placed them in the site title and now don’t know how to code them so that they link to external websites. This is the current code that I’ve placed them under – btw I’m new to css

    #branding {
    background-image: url(‘//twitter.com/VBootcampUK’);
    background: url(‘http://victorybootcampcouk.files.wordpress.com/2013/08/twitter_symbol.png’);
    background-repeat: no-repeat;
    background-position: 90% 0;
    }

    Any help would be greatly appreciated!
    Thanks heaps!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    You cannot put HTML or links into the CSS.

    The best way to do this is to put the image links into a text widget and then use positioning to move that text widget up and into the location you desire.

    Text Widget
    Text Widget Links

    This is some sample code, but the selector on the second rule will vary and this was just an example. After putting the linked icons in the text widget in your sidebar, you would go to your site, view the source code (typically from the view menu) and then look for the text widget and get the ID for it. It will be something similar to the “text-2”. You then use that instead of the “text-2”.

    #page {
position: relative;
}

#text-2 {
position: absolute;
top: 50px;
right: 50px;
}
  • The topic ‘Linking icons to external websites using css in the site title’ is closed to new replies.