Wednesday, 12 September 2012

Changing the right hand navigation and Social Buttons on Folio Two Wordpress Theme

Here's the mission I'm looking to change the navigation that

currently looks like this .

What I want to do is change the background colour and

change the Social Media buttons.

To change the background OPEN


around line 677  FIND

.gal-v2 #fdgNav span#fdgPrev{background:url(images/skins-

items/sprite-gal-handlers.png) no-repeat 0 -43px #000;}

here you need to change the color before the closing ';}'  - to

what ever you want . 

Also change the colour in all the following CSS commands that

start with

.gal-v2 #fdgNav span#

i've chose to swap the white with #60bb46
and black with #93cc79

!! Now to the Social Media buttons.  The images themselves

need to swapped in


but if your images are a different size like mine then you'll also

need to change some css.

swap the background image we're pointing to on line 689

I made a new speach bubble and labelled it 'bubble-background'  - you may also need to changes the height and margins in the following CSS

.gal-v2 #fdgNav #fdgSocialOptions{display:block;float:left;width:310px;height:60px;background:url(images/skins-items/bubble-background.png) no-repeat 0 0;margin:4px 4px 0 -255px;margin-top:-13px \9;display:none;}

No comments: