Editing CSS logo image

Hi all -

So i've read every discussion thread hoping to find a reference for this. How exactly can I edit the css logo image to look similar to the current logo vs uploading a png logo? Lastly, I initially remove the guitar image on the header but now would like to replace it with another image. What is the code for this to add in the editor?

Thanks.

Could You please post an url to your site?

Hi - I just uploaded the quickstart package a few days ago and I could not figure out how to update the logo.css to look similar to the template. Any suggestions?

The current site is "www.Ally-Partners.com" I'm still making updates but the logo at the moment and the header image are my two main concerns.

Thanks.

Could You please post an url to your site?

Please disregard my last post. Problem solved.

I Still need assistant in adding an image in place of the guitar. What is the code for this? I know i'm suppose to remove the guitar image, but what is the source code to use when adding?

Thanks.

Guitar is defined in css this way:

Code: Select all

.gk-animation .gk-guitar {
background: transparent url('/wp-content/templates/gk_fest/images/guitar.png') no-repeat 0 0;
height: 419px;
position: absolute;
right: 0;
text-indent: -9999px;
top: 30px;
width: 187px;
z-index: 2;
}


It points to image file and defines size and position.

To change it you would need to either replace wp-content/templates/gk_fest/images/guitar.png with another image then adjust css, or just place new image and change link to the image.

Either case, remember to enable "Use the override.css file" in theme settings (item in admin menu, under comments section, advanced tab).

Hi - I'm still having a bit of trouble with this. I I tried adding the css code above in the override.css file but that did not seem to work correctly. May I please request a quick step by step direction on doing this. Where can I find the folder to specifically edit the code for the guitar file.

Thanks.

I have checked your override.css and the code I provided is not ther, instead it looks this way:

Code: Select all

/*
#------------------------------------------------------------------------
# Fest - September Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2012 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]
*/

/* Here you can include your override CSS styles */
}


last line "}" shouldnt be there