Joomla Templates Club 406,261 posts

[yfb01 Friend yfb01Join date: July 2008Posts: 142Downloads:55Uploads:46 Thanks: 34 Thanked: 7 times in 2 posts]

#205901

Hi,

J3.4.1 + JS 4.0.2. + JA Social template.
on the JomSocial page of the website http://oi-net.eu/m-oinet-network, the right column is stretched and the icons are not round any more (or the width of the calendar is also stretched).
How to fix that in the template?
and also how/where to insert some custom css in the template as the JS support team provided some code, but I couldn’t get it work in the custom css of the template? (here below in the quote)
<blockquote>.joms-avatar img {
width: auto;
}</blockquote>

thanks
yves

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#568852

Hi @yfb01,

1. Please open file root_folder/templates/ja_social/css/custom.css (if you don’t have this file, just create a new one) then add this code :

.joms-list__item .joms-avatar img {
width: auto;
}

2. About the calendar, add this code :

.joms-module .jevcalendar {
margin: 0 auto !important;
width: 200px !important;
}

1 user says Thank You to Adam M for this useful post

1. yfb01

[yfb01 Friend yfb01Join date: July 2008Posts: 142Downloads:55Uploads:46 Thanks: 34 Thanked: 7 times in 2 posts]

#568864

Thanks
it works fine
🙂

[Author]

Posts