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.

Change Widget Title Box Colour

View previous topic View next topic Go down

Solved Change Widget Title Box Colour

Post by Swos on May 11th 2013, 1:50 am

Hi I want to change the title box colour of my Portal widgets so they are black with yellow text.

This is my test forum http://matureps3gamerstest.forumotion.com/forum on the main forum page I have black headers with yellow text for the categories and want the same for the widgets on the Portal. I've added this piece of code to the CSS which changed the widget font color to yellow but don't know how to change the background of the title to black.

.h3, h3 {
color: yellow;
}


Last edited by Swos on May 11th 2013, 9:08 pm; edited 1 time in total

Swos
Forumember

Male Posts : 95
Reputation : 0
Language : English

http://matureps3gamers.forumotion.com

Back to top Go down

Solved Re: Change Widget Title Box Colour

Post by Swos on May 11th 2013, 4:36 pm

Anyone got an answer for this?

Swos
Forumember

Male Posts : 95
Reputation : 0
Language : English

http://matureps3gamers.forumotion.com

Back to top Go down

Solved Re: Change Widget Title Box Colour

Post by E-Mark on May 11th 2013, 5:12 pm

Add this to your CSS:
Code:
.h3, h3 {
color: #000 !important;
}

bye

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Change Widget Title Box Colour

Post by Swos on May 11th 2013, 5:31 pm

@E-Mark wrote:Add this to your CSS:
Code:
.h3, h3 {
color: #000 !important;
}

bye
Thanks Mark but that's the code I used to change the font color of the widget title I want to change the background behind the title to black.

Swos
Forumember

Male Posts : 95
Reputation : 0
Language : English

http://matureps3gamers.forumotion.com

Back to top Go down

Solved Re: Change Widget Title Box Colour

Post by SLGray on May 11th 2013, 5:38 pm

@Swos wrote:Hi I want to change the title box colour of my Portal widgets so they are black with yellow text.

This is my test forum http://matureps3gamerstest.forumotion.com/forum on the main forum page I have black headers with yellow text for the categories and want the same for the widgets on the Portal. I've added this piece of code to the CSS which changed the widget font color to yellow but don't know how to change the background of the title to black.

.h3, h3 {
color: yellow;
}

@Swos wrote:Anyone got an answer for this?
Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead!

Second Reminder


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35661
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Change Widget Title Box Colour

Post by E-Mark on May 11th 2013, 5:45 pm

Try this one, add this to your CSS:
Code:
.module {
background-color: black !important;
}
.h3, h3 {
background-color: black;
}
.introduction .h3, .module .h3, .postbody .h3 {
margin-top: 0 !important;
}
div.inner {
background-color: #fefff0;
}
span.corners-bottom span {
background-color: black;
}

Smile

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Change Widget Title Box Colour

Post by Swos on May 11th 2013, 6:37 pm

Hi Mark
The code doesn't quite do what I want it to. I've drawn a crude example of what I want the Portal widget boxes to look like.



Thanks for your help so far.

Swos
Forumember

Male Posts : 95
Reputation : 0
Language : English

http://matureps3gamers.forumotion.com

Back to top Go down

Solved Re: Change Widget Title Box Colour

Post by E-Mark on May 11th 2013, 6:47 pm

Try this, btw, don't remove it yet, so i can check it Smile.
Code:
.introduction .h3, .module .h3, .postbody .h3 {
margin-top: 0 !important;
padding: 5px;
background-color: black !important;
}
div.inner {
background-color: white !important;
}
.module {
background-color: black !important;
padding: 0 5px !important;
}
span.corners-top, span.corners-bottom {
background-color: black !important;
}

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Change Widget Title Box Colour

Post by Swos on May 11th 2013, 6:53 pm

Looks good on the portal but on the main forum has lost the colors at the top of the forums look at "GENERAL MEMBERS INFORMATION" as an example

Swos
Forumember

Male Posts : 95
Reputation : 0
Language : English

http://matureps3gamers.forumotion.com

Back to top Go down

Solved Re: Change Widget Title Box Colour

Post by E-Mark on May 11th 2013, 6:57 pm

Then add this to your CSS again:
Code:
ul.topiclist {
background-color: black !important;
}

Smile

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Change Widget Title Box Colour

Post by Swos on May 11th 2013, 7:11 pm

The Portal looks fine but the main forum has gone funny i.e background of boxes are black not white and also now got border round the header and the toolbars etc

Swos
Forumember

Male Posts : 95
Reputation : 0
Language : English

http://matureps3gamers.forumotion.com

Back to top Go down

Solved Re: Change Widget Title Box Colour

Post by E-Mark on May 11th 2013, 7:19 pm

Ok use this one instead: (Replace all the code i provide with this one)
Code:
.introduction .h3, .module .h3, .postbody .h3 {
margin-top: 0 !important;
padding: 5px;
background-color: black !important;
}
div.inner {
background-color: white !important;
}
.module {
background-color: black !important;
padding: 0 5px !important;
}
.module div.inner span.corners-top, .module div.inner span.corners-bottom {
background-color: black !important;
}
ul.topiclist li.header {
background-color: black !important;
}



Last edited by E-Mark on May 11th 2013, 7:23 pm; edited 1 time in total

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Change Widget Title Box Colour

Post by Swos on May 11th 2013, 7:23 pm

Just about there although the forums bits don't have a bottom border and the side borders overlap the top border.

Thanks for your help so far.

Swos
Forumember

Male Posts : 95
Reputation : 0
Language : English

http://matureps3gamers.forumotion.com

Back to top Go down

Solved Re: Change Widget Title Box Colour

Post by E-Mark on May 11th 2013, 7:25 pm

Add this one now:
Code:
.forabg span.corners-top, .forabg span.corners-bottom {
background-color: black !important;
}

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Change Widget Title Box Colour

Post by Swos on May 11th 2013, 7:35 pm

Just about there apart from the sub forum. If you click HERE you'll see what I mean basically the sub forum just needs the side borders to be sorted so they aren't overlapping the top border.

Swos
Forumember

Male Posts : 95
Reputation : 0
Language : English

http://matureps3gamers.forumotion.com

Back to top Go down

Solved Re: Change Widget Title Box Colour

Post by Swos on May 11th 2013, 7:38 pm

Also how do I close the MPG Staff widget as there is no border on the bottom of the box and also move the pictures and text to the centre for admin and mods etc

Swos
Forumember

Male Posts : 95
Reputation : 0
Language : English

http://matureps3gamers.forumotion.com

Back to top Go down

Solved Re: Change Widget Title Box Colour

Post by E-Mark on May 11th 2013, 7:44 pm

Yeah i saw. Weird, doesn't have the corner-bottom span.
Well, Delete all the codes and used this one instead:
Code:
.introduction .h3, .module .h3, .postbody .h3 {
margin-top: 0 !important;
padding: 5px;
background-color: black !important;
}
div.inner {
background-color: white !important;
}
.module {
background-color: black !important;
padding: 0 5px !important;
}
.module div.inner span.corners-top{
background-color: black !important;
}
.module {
border-bottom: 5px solid black;
}
ul.topiclist li.header {
background-color: black !important;
}
.forabg span.corners-top, .forabg span.corners-bottom {
background-color: black !important;
}
.forumbg span.corners-top, .forumbg span.corners-bottom {
background-color: black !important;
}

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Change Widget Title Box Colour

Post by Swos on May 11th 2013, 7:54 pm

That seems to have sorted it. Thanks for all your help mate. I want to import the theme onto the proper forum at some point using export and import. Will the CSS and widgets get imported as well or do I need to add them separately?

Swos
Forumember

Male Posts : 95
Reputation : 0
Language : English

http://matureps3gamers.forumotion.com

Back to top Go down

Solved Re: Change Widget Title Box Colour

Post by E-Mark on May 11th 2013, 8:03 pm

The CSS will be imported, but the widgets, no Smile.

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Change Widget Title Box Colour

Post by Swos on May 11th 2013, 8:10 pm

Thanks mate are you any good with widgets?

Swos
Forumember

Male Posts : 95
Reputation : 0
Language : English

http://matureps3gamers.forumotion.com

Back to top Go down

Solved Re: Change Widget Title Box Colour

Post by E-Mark on May 11th 2013, 8:29 pm

What do you mean? :o

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Change Widget Title Box Colour

Post by Swos on May 11th 2013, 8:30 pm

I want a widget that shows upcoming events in the calendar but I'm not certain if its possible on Forumotion forums

Swos
Forumember

Male Posts : 95
Reputation : 0
Language : English

http://matureps3gamers.forumotion.com

Back to top Go down

Solved Re: Change Widget Title Box Colour

Post by E-Mark on May 11th 2013, 8:35 pm

Go to ACP > Modules > Calendar > Configuration:
- Activate the Calendar: Set to Yes
- Select the forum associated with your events: Choose any forum then click save

Now go to your Calendar.
http://matureps3gamerstest.forumotion.com/calendar

Then click on the icon on the right side of the dates to create an event.
Then after creating, you'll see on the calendar widget that there's an highlight number, which is the upcoming event you created. bye

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Change Widget Title Box Colour

Post by Swos on May 11th 2013, 9:07 pm

Thanks Mark for all your help this is now resolved

Swos
Forumember

Male Posts : 95
Reputation : 0
Language : English

http://matureps3gamers.forumotion.com

Back to top Go down

Solved Re: Change Widget Title Box Colour

Post by SLGray on May 12th 2013, 12:28 am

@Swos wrote:Just about there apart from the sub forum. If you click HERE you'll see what I mean basically the sub forum just needs the side borders to be sorted so they aren't overlapping the top border.

@Swos wrote:Also how do I close the MPG Staff widget as there is no border on the bottom of the box and also move the pictures and text to the centre for admin and mods etc
Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead!

Since this is your third reminder, you have received a warning.
Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35661
Reputation : 2375
Language : English
Location : United States

http://fmthemes.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