sirfwaqas

Yes I have dropped an email to them but its been three days, I didn’t get any solution so I thought to ask help her.

Hi,

I don’t have live site and I am testing on localserver. All I need to know where and how to change formatting for events list page style. If you can help me, which css file active for this and where do I define class in code.

Probably simple example, if want to change the color or day & time, where should I right styling thing.

Regards,
Waqas

Hi,

Thanks you your reply but somehow I am not able to follow. I am using a custom theme and style sheet is main-stylesheet.css and I added follow formatting for events in that sheet but it doesn’t work.

main-stylesheet.css
#date_c{
width:130px;
height:130px;
border-radius: 75px;
border:1px solid #33CCFF;
float:left;
}
#d_m{
font-size: 35px;
padding-top: 35px;
padding-left: 20px;
font-weight: bold;
}
#year{
font-size: 25px;
padding-top: 15px;
padding-left: 30px;
}

#top{

padding-top: 50px;
font-size: 16px;
}
#day{
float:left;
margin-left: 50px;
}
#hour{
float:left;
margin-left: 50px;
}
#event_title{
color: #33CCFF;
float: right;
font-size: 26px;
font-weight: bold;
line-height: 26px;
margin-right: 20px;
}
#event_title a{
text-decoration: none;
color: #33CCFF;
}
#event_description{
float: right;
margin-bottom: 20px;
margin-right: 50px;
padding-left: 180px;
}
#line{
width:100%;
height:1px;
background-color: grey;
margin-left: 180px;
margin-top: 5px;
}

Events > Settings > Formatting >

<div id =”date_c”>
<div id=”d_m”>
#_{d/m}
</div>
<div id=”year”>
#_{Y}
</div>
</div>
<div id =”details”>
<div id =”top”>
<div id=”day”></div>
<div id=”hour”> #H:#i -#@H:#@i</div>
<div id=”event_title”>#_EVENTLINK</div>
</div>

<div id=”clear_R”></div>
<div id=”line”></div>
<div id=”under”>
<div id=”event_description”>#_EVENTNOTES</div>

</div>
</div>
<div id=”clear”></div>