Joomla Templates Club 406,261 posts

[erkorb Friend erkorbJoin date: July 2009Posts: 38Downloads:0Uploads:3 Thanks: 12 Thanked: 1 times in 1 posts]

#151857

When using the bubble class, the background color of the class is white, but the main background of the site is grey. How do I match up the color of the bubble classes with my main site. See example here:

http://www.theleongroupinc.com/index.php?option=com_content&view=article&id=19&Itemid=2

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#347547

Dear erkorb!

Please open the file http://www.theleongroupinc.com/templates/ja_nickel/css/typo.css

You try to find the class as followings:

div.bubble2 div {
background: url(../images/bub2-br.gif) no-repeat bottom right;
margin: 0;
width: 100%;
}

div.bubble2 div div {
background: url(../images/bub2-bl.gif) no-repeat bottom left;
}

div.bubble2 div div div {
background: url(../images/bub2-tr.gif) no-repeat top right;
}

div.bubble2 div div div div {
background: url(../images/bub2-tl.gif) no-repeat top left;
}

div.bubble2 div div div div div {
margin: 0;
padding: 10px 15px 25px;
width: auto;
}

Base those styles, you can know that white backround is a image background. so that you must to change the background in there ( meaning: you ‘ll remove background property or make other images background which having the grey background to replace currents)

Good luck
GOod luck

[erkorb Friend erkorbJoin date: July 2009Posts: 38Downloads:0Uploads:3 Thanks: 12 Thanked: 1 times in 1 posts]

#347616

Thanks for the input, but I’m having a small issue with the lower-left side. Notice there is line through the / on the bottom left. Not sure why there is overlap or how to fix this. I’ll be happy to post the transparent gifs to forum for others to use. See http://www.theleongroupinc.com/index.php?option=com_content&view=article&id=19&Itemid=2

[erkorb Friend erkorbJoin date: July 2009Posts: 38Downloads:0Uploads:3 Thanks: 12 Thanked: 1 times in 1 posts]

#347619

I fixed this by chopping off some of the left side of the line on the bottom-right image. I have attached the new clr (clear) gifs for everyone in a zip file.

---

Attachments:

1. bub2-br-clr.zip

[Author]

Posts