Joomla Templates Club 406,261 posts

[lbryant Friend lbryantJoin date: January 2009Posts: 11Downloads:0Uploads:3]

#136916

Hi guys, i have created a new module class called style5, everything works fine and i have set it so the content div has no padding on the left and is aligned with the left edge of the module box.

This all works fine except the text in the module i want to have padded in but the images left near the edge.

The text is currenty enclosed in <p> tags and i would like to set some style for this, however nothing i have tried wors.

can you help cheers

Here is the code :-

/* —————extra code————-*/

div.module_style5 h3,
div.module_style5_text h3,
div.module_style5_menu h3,
div.module_style5_hilite h3,
div.ja-box-br h3 {
margin: 0 -6px 10px;
padding: 0 10px 0px 20px;
font-size: 120%;
height: 28px;
line-height: 28px;
color: #FFFFFF;
background: url(../images/liteb.gif) no-repeat bottom right;*/
text-transform: uppercase;
}

div.module_style5 h3 span,
div.module_style5_text h3 span,
div.module_style5_menu h3 span,
div.module_style5_hilite h3 span,
div.ja-box-br h3 span {
display: block;
height: 28px;
}

div.module_style5,
div.module_style5_text,
div.module_style5_menu,
div.module_style5_hilite,
div.ja-box-br {
padding: 0;
float: left;
clear: both;
width: 100%;
background: url(../images/boxb-br.gif) no-repeat bottom right #FFFFFF;
overflow: hidden;
margin-bottom: 5px;
}

div.module_style5 div,
div.module_style5_text div,
div.module_style5_menu div,
div.module_style5_hilite div,
div.ja-box-bl {
margin: 0;
padding: 0;
background: url(../images/boxb-bl.gif) no-repeat bottom left;
}

div.module_style5 div div,
div.module_style5_text div div,
div.module_style5_menu div div,
div.module_style5_hilite div div,
div.ja-box-tr {
padding: 0;
margin: 0;
background: url(../images/boxb-tr.gif) no-repeat top right;
}

div.module_style5 div div div,
div.module_style5_text div div div,
div.module_style5_menu div div div,
div.module_style5_hilite div div div,
div.ja-box-tl {
padding: 15px 4px 15px;
width:100%;
background: url(../images/boxb-tl.gif) no-repeat top left;
}

div.module_style5 div div div div,
div.module_style5_text div div div div,
div.module_style5_menu div div div div,
div.module_style5_hilite div div div div {
margin: 0;
padding: 0;
background: none;
}

[lbryant Friend lbryantJoin date: January 2009Posts: 11Downloads:0Uploads:3]

#285603

div.module_style5 p {
color:#0033CC;
margin-left:10px;
}

stuck this at the bottom of the code and works a treat.

[Author]

Posts