Archived

This topic is now archived and is closed to further replies.

  • 0

Background image not displaying | CSS busted?

Question

Posted · Report post

Hi - My background image isn't showing on this website http://www.totalrisk.co.nz/ from what I could gather from this post http://www.pagelines.com/forum/discussion/18742/background-image-not-showing-on-homepage/p1 is that there's a problem with my Custom CSS. So I was wondering if someone could please check it and confirm its correct. Thank you. body{} #primary-nav ul.main-nav li a { font-size: 13px; } h1 { font-family: "myriad-pro",sans-serif; font-style: normal; font-weight: 700; } h2 { font-family: "myriad-pro",sans-serif; font-style: normal; font-weight: 600; } body { font-family: "myriad-pro",sans-serif; font-style: normal; font-weight: 400; } body #content_sidebar .widget-title { background-color: #FFFFFF; color: #000000; } #sidebar_primary .widget-title { background-color: #01538d; color: #FFFFFF; padding-left: 5px; } #feature_slider .addthis_toolbox { display: none; important! } #footer a:hover { text-decoration: underline; } #text-7 h3 { text-indent: -99999px; } } If this CSS is correct - I can then begin testing each plugin.

Share this post


Link to post
Share on other sites

11 answers to this question

Posted · Report post

I'm seeing a background now, so I guess this is resolved. Glad to have helped!

Share this post


Link to post
Share on other sites

Posted · Report post

Hi, How are you adding your background image to your website, as the CSS you have provide above, has no reference to a background image. You're using Platform Pro 1.5.2 and not the latest version 1.5.3. Can you provide more information please, as I have also reviewed your sites CSS and see nothing regarding a background image.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Danny Basically, my client called me and said their site was a mess. I've since fixed 57 broken links but the my custom css isn't working which is now my biggest issue. I added a background jpg via the media library link. The preview of it displays as per normal, but its not displaying. There's just a black background showing (Fixed Width Framework) which you can see now. I can't change the colours. They're not working. Which is why I thought there may be an issue with my Custom CSS code. I disabled/enabled all the plugins, refreshing the homepage each time with CTRL + F7 but nothing. Still black and none of the code is working as it should. I'm running out of outs here. I'll upgrade to 1.5.3 and see what that does.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi storm I suppose that in this you have an error

#feature_slider .addthis_toolbox {
	display: none; important!
	}
is
#feature_slider .addthis_toolbox {
	display: none !important;
	}

Share this post


Link to post
Share on other sites

Posted · Report post

Hi, OK, upgrade to 1.5.3 and also you have a minor issue with your custom CSS.

#feature_slider .addthis_toolbox {
	display: none; important!
	}
As you can see above this is not valid and it should be:
#feature_slider .addthis_toolbox {
	display: none important!;
	}

Share this post


Link to post
Share on other sites

Posted · Report post

Upgraded to 1.5.3 which solved my code issues. Stoked. I changed the code you suggested above, but its showing the + above my H1 titles now. If I can get rid of that I'm good to go. This code works better for me because it doesn't place the Add This links in the slider. #feature_slider .addthis_toolbox { display: none; important! } Just have to figure out how to get ride of the red + box on the titles now and we're home free.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi storm You are use "AddThis" in Basic Option you have Choose the sharing tool to display above the post: and Choose the sharing tool to display below the post: You can try with In above select "Custom button"

Share this post


Link to post
Share on other sites

Posted · Report post

One more Try to delete

important!
And see if the code works fine still Code CSS is
!important 

and before ";" not after.

Share this post


Link to post
Share on other sites

Posted · Report post

Batman is correct that your CSS code is incorrect. Additionally, this snippet may be incorrect:

body #content_sidebar .widget-title {
	background-color: #FFFFFF;
	color: #000000;
	}

because it sets the body color to white and font color to black. It is doing this for the body, the content sidebar and widget title. That could force your background image to fail to show. Try it without the word "body" at the beginning.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Rangelone & Batman, Thank you for your helpful suggestions. Rangelone: I have taken the word 'body' out of the code. It didn't change anything, but I'll keep it out to avoid the issues you mentioned. Batman: I deleted 'important!' and the code still works. #feature_slider .addthis_toolbox { display: none; } I'll also checkout that 'display above post' setting as well. Cheers.

Share this post


Link to post
Share on other sites

Posted · Report post

I??m glad to help you. ;)

Share this post


Link to post
Share on other sites