The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Help me with the widgets

3 posters

Go down

In progress Help me with the widgets

Post by Shesha Vishnu Prasad 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
Shesha Vishnu Prasad
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 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 #;}
Paulostge
Paulostge
Forumember

Male Posts : 129
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 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 :/
Shesha Vishnu Prasad
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 January 16th 2014, 3:41 pm

You should choose a color...

example

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

Male Posts : 129
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 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
Shesha Vishnu Prasad
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 January 16th 2014, 6:02 pm

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

Male Posts : 129
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 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
Shesha Vishnu Prasad
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 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
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Help me with the widgets

Post by Shesha Vishnu Prasad 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
Shesha Vishnu Prasad
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 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;
}
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Back to top


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