The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Help me with the widgets

View previous topic View next topic 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

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 #;}

Paulostge
Forumember

Male Posts : 82
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 :/

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;}

Paulostge
Forumember

Male Posts : 82
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

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}

Paulostge
Forumember

Male Posts : 82
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

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

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

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

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;
}

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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