CSS problem HELP!

FoxbeardMusic

Familiar Face
Joined
Jan 16, 2013
Messages
71
Reaction score
0
FP$
6
Can't figure this out for the life of me, and I've spent an entire day!
For some reason the CSS on my theme is not displaying the background image.
Any ideas?
Foxbeard.com

Just take a look and you'll see what's happening.
 
Did you for any chance upgrade or update your site? In the setting for background image what is in there?

For me trying to view the background image it goes to http://foxbeard.com/null which makes me think it's just a simple setting error that got changed or needs to be changed back to what it was.

Sometimes softwares have a mind of their own and change certain things.
 
pandaa, I saw that but I cannot find the that line ANYWHERE. it's driving me crazy!!! because with firefox inspector removing that line fixes the problem.

The theme has a setting to have background color or image and it's not working. I just setup the theme and have contacted the developer but no response.
 
What is the theme called? I can try and see what's going on.
 
FoxbeardMusic said:
pandaa, I saw that but I cannot find the that line ANYWHERE. it's driving me crazy!!! because with firefox inspector removing that line fixes the problem.

The theme has a setting to have background color or image and it's not working. I just setup the theme and have contacted the developer but no response.
Find the main .HTML file associated with the theme, and that's where it should be. 🙂
 
Just checked Google and there's no pages that stand out of people having problems.

When you enter the image into the background image editing field what happens
 
pandaa said:
FoxbeardMusic said:
pandaa, I saw that but I cannot find the that line ANYWHERE. it's driving me crazy!!! because with firefox inspector removing that line fixes the problem.

The theme has a setting to have background color or image and it's not working. I just setup the theme and have contacted the developer but no response.
Find the main .HTML file associated with the theme, and that's where it should be. 🙂

You mean a index.php? I checked there but still no luck.<br /><br />-- 19 Jun 2013, 01:00 --<br /><br />
Optimus said:
Just checked Google and there's no pages that stand out of people having problems.

When you enter the image into the background image editing field what happens
It shows up with a preview image, I hit save than when I look at the site the background image is there at first than whatever color is selected overrides it and the background image flashes away.
 
It shouldn't be edited through the HTML template unless absolutely required.
It should be done through the settings

So the best thing for you is just to wait a little while longer for the developer to contact you.

How long have you already been waiting?
 
A day, but he responded that he just had surgery and would be out a few weeks.<br /><br />-- 19 Jun 2013, 01:31 --<br /><br />Figured it out..
Something in this code below is breaking it. When I remove this it works.

Code:
<style type="text/css">
#main-nav li.bgpat > a{color:#FF0 !important;}
#main-nav .btn-buynow{text-transform;float:right;:6px 0 0;font-size:12px;}
@media only screen and (max-width:959px){
.btn-buynow{display:none !important;}
}
</style>
<script type="text/javascript">
jQuery(document).ready(function($){

    // Add Buy Now Button
    $('#main-nav .menu').before('<a href="http://foxbeard.com/my-likes/" class="btn btn-lightblue btn-buynow">My Likes</a>');

    // Pattern Switcher
    if(jQuery.cookie('detube_bgpat') != '') {
        var pat = $.cookie('detube_bgpat');

        $('body').css('background-image', 'url('+pat+')');
    }

    $('#main-nav .bgpat ul li a').click(function(){
        var pat = $(this).attr('href');
        $('body').css('background-image', 'url('+pat+')');
        $.cookie('detube_bgpat', pat, { path: '/'});

        return false;
    });
});

</script>
<style type="text/css">
#main-nav li.bgpat > a{color:#FF0 !important;}
#main-nav .btn-buynow{text-transform;float:right;:6px 0 0;font-size:12px;}
@media only screen and (max-width:959px){
.btn-buynow{display:none !important;}
}
</style>
<script type="text/javascript">
jQuery(document).ready(function($){

    // Add Buy Now Button
    $('#main-nav .menu').before('<a href="http://foxbeard.com/submit-music/" class="btn btn-lightred btn-buynow">Submit Music</a>');

    // Pattern Switcher
    if(jQuery.cookie('detube_bgpat') != '') {
        var pat = $.cookie('detube_bgpat');

        $('body').css('background-image', 'url('+pat+')');
    }

    $('#main-nav .bgpat ul li a').click(function(){
        var pat = $(this).attr('href');
        $('body').css('background-image', 'url('+pat+')');
        $.cookie('detube_bgpat', pat, { path: '/'});

        return false;
    });
});

</script>
 
Go to either the template files in wordpress or in cPanel/file browser.
Find header.php
Find the line code that Pandaa stated.
 
Got it fixed thanks gusy<br /><br />-- 19 Jun 2013, 01:44 --<br /><br />Now I just have to figure out how I can switch my buttons around so the login and log out are on the right side of the submit music and my likes
 
Back
Top Bottom