How can I add a small clickable image (language flag) to the header?

3 replies
  • WEB DESIGN
  • |
Hi,
I am currently working on a site that is in serbo-croatian and is translated into english..
the site's url is here: Ronilac.net - Ronjenje u Crvenom moru, Hurghada, Egipat

I would like to add a small english flag linked to the english site in the header, under the Subscribe to feed icon, aligned right.

I know I have to edit some code, but can anyone tell me how to do that?
Thanks!
#add #clickable #flag #header #image #language #small
  • Profile picture of the author bthankful
    Hello Lonicera,

    I don't personally code wp blogs but i do mess around with the coding sometimes. From looking at your site you need to find the file: style.css this is where all the images have their placements in the blog. You need to look for code that begins with rss, then you should see code relating to the image like, size, padding extra (it may look similiar to this; background: url(images/design/rss.gif) no-repeat right; padding: 2px 0 2px 23px).

    When you find this information you should copy and paste it below the existing rss code and then mess around with the padding px, this will allow you to move the 2nd rss icon around. When you are happy with the placement of the second rss icon, you then add your url of where you flag icon is located and you are done.

    Bear in mind diffferent blog themes are coded in different ways however by looking in your stye.css file and locating your rss code that should be a good starting point. Also make a copy of the original style.css file first and then mess around, if you mess up really bad you still have the original file to revert back to.

    I hope this helps you out

    Believe and you will Achieve
    Janet
    {{ DiscussionBoard.errors[2815766].message }}

Trending Topics