Jump to content
bobbekaer

Boxes don't show bg img

Recommended Posts

bobbekaer    0
bobbekaer

Hi :-)

 

I am working on a site where I use boxes. I styled them with a background image and a fullwidth link. On the frontpage the are working just fine: http://version2manometer.wpforalle.dk/

 

but when I try to add them to the members ares they show the link - but not the background image! http://version2manometer.wpforalle.dk/skriverier/

 

But it is the exact same box-set?

 

What is happening?

 

Thanks,

Bolette

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hello Bolette,

 

I found:

body #box-diverse {
    background-image: url("./wp-content/uploads/2013/06/venstreboks-uden-tekst.png");
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    height: 103px;
    width: 292px;
}

That's incorrect CSS.  You should use the full URL, not a shortened version as ./.  It should be "background-image: url(".http://www.thefullURL.com/wp-content/uploads/2013/06/venstreboks-uden-tekst.png");" You also do not need to prefix it with body.

 

I'm not seeing a particular cause for this, except that no-where do I see any specific code for the a activity.

 

You should also use Firebug to go through the various levels, as some of the CSS is causing overlap.  You have 55px padding on either side, for example, of one element (below) that's bleeding into the next box.   See: 

body .fbox a {
    color: rgb(0, 0, 0);
    padding: 20px 55px 0;
}

It could be that because you add a link, that element pushes everything and makes the background vanish.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
bobbekaer    0
bobbekaer

Hi Rob

 

I haven't added the body - it is done after I put the 

 

#box-diverse {

background-image: url("./wp-content/uploads/2013/06/venstreboks-uden-tekst.png");
background-position: left top;
background-repeat: no-repeat;
display: block;
height: 103px;
width: 292px;
}

 

into the Custom CSS. 

 

And I can see the problem with the padding - but it doesn't explain why the same boxes in the same set is showing fine on the frontpage? 

 

 

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

try changing the file links from 

 

background-image:url('./wp-content/uploads/2013/06/venstreboks-uden-tekst.png');

 

to the full link for the file 

 

http://version2manometer.wpforalle.dk/wp-content/uploads/2013/06/venstreboks-uden-tekst.png


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
bobbekaer    0
bobbekaer

Thank you Rob and Martin - it worked and after a few days of fretting about it, I guess I can live with the curiosity on why it worked to begin with on one page and not another..."the code works in mysterious ways" :-D

 

Share this post


Link to post
Share on other sites
Rob    547
Rob

As long as it works! That's what counts.  Happy to help!


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • Audun MB
      By Audun MB+

      Here:http://attac.no/global-ulikhet/
      The images are forced into a boxed frame so that you can't see the whole picture. Doesn't look so good. Is this a bug? A feature? How can I fix it?
    • JudithKlinger
      By JudithKlinger+
      The recent WP update seems to be quite cheeky...messing about with a number of things. 
       
      Having trouble with boxes displaying differently in different browsers.  1st screen shot is Chrom...looks ok. 
      2nd screenshot is Firefox...colors are different. Icons are different. Have weird 1000's next to the icons. Any idea what's going on? 
       
      Thanks!! 
      Judith
       
       


    • richardjacruz
      By richardjacruz+
      Someone reported this little bit of weirdness to me today. They were using Internet Exporer. I used an emulator, and I received the same result. Please see the attached.
      The website is richcruzchicago.com.
      Thanks,
      Rich

    • Susan
      By Susan+
      Everything was fine with my site.
      Suddenly, strange characters are appearing in Boxes. See image. Site page is here. I even tried to add a new Boxes section but the same thing keeps happening, so I deleted the new section.
      How can I resolve this?
      Your help is greatly appreciated.
      Thank you.
       
       

    • claudedagenais
      By claudedagenais+
      Hi,
      Could it be possible to add to the boxes an option so that if an Item has an optional link that we can also optionally make it open in a new windows.
      Thank you :-)
×