Help me with the widgets

Go down

In progress Help me with the widgets

Post by Shesha Vishnu Prasad on January 16th 2014, 12:11 pm

Hi Foumotion Smile ,
I want to change the classic style widget box with some border radius and solid box with grey colour.
Please help me by providing the code.  Very Happy 

Regards,
Shesha
avatar
Shesha Vishnu Prasad
New Member

Posts : 15
Reputation : 1
Language : English

http://icombo.canada-forum.net

Back to top Go down

In progress Re: Help me with the widgets

Post by Paulostge on January 16th 2014, 3:13 pm

You should edit the templates because you change all the lines..

the code is..

Code:
.forumline {border: 1px solid #;}
avatar
Paulostge
Forumember

Male Posts : 115
Reputation : 17
Language : Greek
Location : Greece

http://www.thegreeksenergy.com

Back to top Go down

In progress Re: Help me with the widgets

Post by Shesha Vishnu Prasad on January 16th 2014, 3:39 pm

@Paulostge wrote:You should edit the templates because you change all the lines..

the code is..

Code:
.forumline {border: 1px solid #;}
 It did nothing with the widget boxes :/
avatar
Shesha Vishnu Prasad
New Member

Posts : 15
Reputation : 1
Language : English

http://icombo.canada-forum.net

Back to top Go down

In progress Re: Help me with the widgets

Post by Paulostge on January 16th 2014, 3:41 pm

You should choose a color...

example

Code:
.forumline {border: 1px solid #F00000;}
avatar
Paulostge
Forumember

Male Posts : 115
Reputation : 17
Language : Greek
Location : Greece

http://www.thegreeksenergy.com

Back to top Go down

In progress Re: Help me with the widgets

Post by Shesha Vishnu Prasad on January 16th 2014, 3:58 pm

@Paulostge wrote:You should choose a color...

example

Code:
.forumline {border: 1px solid #F00000;}
That is what i did bro.. i'm not getting it working...
This is my forum: www.indiancombat.in
Please help me adding the border radius Very Happy
avatar
Shesha Vishnu Prasad
New Member

Posts : 15
Reputation : 1
Language : English

http://icombo.canada-forum.net

Back to top Go down

In progress Re: Help me with the widgets

Post by Paulostge on January 16th 2014, 6:02 pm

Code:
.forumline {border: 1px solid #F00000;border-radius:5px}
avatar
Paulostge
Forumember

Male Posts : 115
Reputation : 17
Language : Greek
Location : Greece

http://www.thegreeksenergy.com

Back to top Go down

In progress Re: Help me with the widgets

Post by Shesha Vishnu Prasad on January 16th 2014, 6:52 pm

Paulostge it worked bro..
But i want new widget boxes Smile
That different from the classic styles.
Is there a way for custom widget box with good CSS3? Smile
avatar
Shesha Vishnu Prasad
New Member

Posts : 15
Reputation : 1
Language : English

http://icombo.canada-forum.net

Back to top Go down

In progress Re: Help me with the widgets

Post by Ange Tuteur on January 17th 2014, 7:45 am

Hello ,

You want to style the portal widgets only, yes ? The following CSS should suffice for that :
Code:
/* portal widgets */
td.column .forumline {
border:1px solid #f00;
border-radius:6px;
background:#fff;
}
/* head */
td.column .forumline .catLeft {
border:none;
border-radius:6px 6px 0px 0px;
background:#fff;
}

You can add any property you want. For a list of CSS properties see this : http://www.w3schools.com/cssref/default.asp
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

In progress Re: Help me with the widgets

Post by Shesha Vishnu Prasad on January 18th 2014, 5:47 pm

Hi Ange Bro,
The code helped me. But it is not taking effect for centered-placed widgets.
Any solution?



Regards,
Shesha
avatar
Shesha Vishnu Prasad
New Member

Posts : 15
Reputation : 1
Language : English

http://icombo.canada-forum.net

Back to top Go down

In progress Re: Help me with the widgets

Post by Ange Tuteur on January 18th 2014, 8:13 pm

Sure,

Add this CSS for the center widgets :
Code:
/* portal center widgets */
td[width="60%"] .forumline {
border:1px solid #f00;
border-radius:6px;
background:#fff;
}
/* header */
td[width="60%"] .forumline .catHead {
border:none;
border-radius:6px 6px 0px 0px;
background:#00FFEA;
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum