Joomla Templates Club 406,261 posts

[imjghook Friend imjghookJoin date: March 2009Posts: 4Downloads:0Uploads:0 Thanks: 2]

#146530

Can someone help with the formatting of JA Bulletin.

I want to put a latest news section in the ‘Right’ position which is I have working. I’d now like to make the format of my bulletin look exactly like the template version with it’s colors, separators etc.

Can someone show/tell me how to achieve this. I have tried playing around with the CSS for JA Bulletin but I’m not having any success there either.

Alternatively is there any detailed documentation on JA Bulletin ?

Thanks in advance for any help.

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

#325580

Hello imjghook!

– now, you put your ja bulletine on the “right” postion,
look up the “Module Class Suffix” paramter, and put the ” mybulletin” text ( NOTE: has a blank before this text) in this paramter.
– you put my styles in the “templates.css” file.

[PHP]
.mybulletin li{
padding-left:12px !important;
padding-top:10px !important
}
.mybulletin li a{
color:red
}
[/PHP]

[imjghook Friend imjghookJoin date: March 2009Posts: 4Downloads:0Uploads:0 Thanks: 2]

#325646

thanks for the reply. It is closer but I still have a fill color on the heading and a border around the module?

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

#325769

Here is other solution

#ja-col2 div.moduletable_mystyle{

border: 1px solid #DDDDDD;
margin: 0 0 15px;
}

#ja-col2 div.moduletable_mystyle h3 {
background: #900;
color: #FFFFFF;
margin: 0 -1px;
padding: 10px;
}

#ja-col2 .moduletable_mystyle{
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

#ja-col2 .moduletable_mystyle h3{
border-top-right-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
}

You put the “_mystyle” into the “Module Class Suffix” paramter

[Author]

Posts