Make colour behind logo transparent

I have a website I had done previously in html and am trying to switch it over to joomla. I had an image behind my logo, but am unable to replicate in sparky. I was able to get the image to show up, but there is a white background behind the logo I am using which covers this.

I have tried to inlcude this header background with the logo, but it is almost impossible to read the logo when I view it on a smaller screen such as a phone.

When I made the container transparent then it shows up, but then the rest of my text below doesn't show up because I have a background image which I also wish to use. I have been searching your forums for an work-around for this, but am not able to come up with something, and I don't know any php coding and don't want to mess up my site trying to figure it out.

Is it possible that there could be an additional feature in the template manager where the logo background can be set separately from the container background.

The website i am working on is www.rocknroar.ca/newsite . To compare to what I am trying to do, the original site is still up at www.rocknroar.ca .

Thank you in advance for any assistance.

You can add your custom styling in template_css.css

Every position container has css class .mp_<postion name>

So for logo:

.mp_logo{

...
}

Thank you for the information, but I have not had any success with trying to change to properties of this. I a wondering if it is because the properties of the container background in the template appear to be overriding any styles I try to change in the css file.

Also, there is an error message appearing when I go into the Sparky framework:

Warning: fread() [function.fread]: Length parameter must be greater than 0 in /home/rockn703/public_html/newsite/templates/sparky_framework/elements/tadmin.php on line 74

I am not sure what this means and what needs to be done to correct it.

Html output for logo looks like this:

use !important flag for css properties you define if you need.


For other question open that file and on line 74 you will see:

$hlpContent = fread($fh, filesize($help_files[$loop]));

insert if condition above it like this:

if(filesize($help_files[$loop]))
$hlpContent = fread($fh, filesize($help_files[$loop]));
else
continue;

Thank you again for your help.

The second part worked and the error message is gone, but I am still not having any luck with the logo color. I have even tried putting the image I want in instead and nothing changes.

I have tried the following

.mp_logo {
background-color: transparent!important;
}

but it didn't work. I have also tried to put this same background color in the spark logo class and it still doesnt work.

I tried to make all of these changes in the template_css.css file.


Is it possible I am missing some other step?

Thank you

.mp_logo is transparent already ? What are you trying to change?