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.

How to View and Alter CSS Code for Page Elements, e.g. Poll Background and Title Colors

View previous topic View next topic Go down

In progress How to View and Alter CSS Code for Page Elements, e.g. Poll Background and Title Colors

Post by Dave.cyco on March 23rd 2013, 3:45 pm

Hello. I have recently changed my forum color scheme, but it is not quite right yet and I don't know how to fix it. In polls, the title color is green, and barely visible on top of the background, but I can't seem to find the correct field to change it in the Admin CP > Display > Colors area.

Does anyone know how to do it? And please, if you say "use the CSS", please tell me how you think it should be used and what you think should be typed into it. Thanks.

Here is what the polls look like at the moment.

http://physicalculture.canadian-forum.com/t267-hey-everybody-look-at-inca-warrior


Last edited by Dave.cyco on March 24th 2013, 3:44 pm; edited 2 times in total

Dave.cyco
Forumember

Posts : 31
Reputation : 1
Language : English

Back to top Go down

In progress Re: How to View and Alter CSS Code for Page Elements, e.g. Poll Background and Title Colors

Post by Sanket on March 23rd 2013, 6:07 pm

Add this to your css.

For the Background
Code:
.panel{
Background-color:#ff0000 !important;
}

For the title.
Code:
 .panel h2 {
    color: #ff0000 !important;
}

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

In progress Re: How to View and Alter CSS Code for Page Elements, e.g. Poll Background and Title Colors

Post by Dave.cyco on March 23rd 2013, 9:00 pm

Hey thank you very much. The title one seems to work, but not the one for background.

I have a related question:

How do I change the color of "Quick Reply"?

Dave.cyco
Forumember

Posts : 31
Reputation : 1
Language : English

Back to top Go down

In progress Re: How to View and Alter CSS Code for Page Elements, e.g. Poll Background and Title Colors

Post by Sanket on March 24th 2013, 11:16 am

Add this to your css & check if its working.
Code:
form#quick_reply #textarea_content textarea#text_editor_textarea {
    background-color: #ff0000 !important;
}

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

In progress Re: How to View and Alter CSS Code for Page Elements, e.g. Poll Background and Title Colors

Post by Dave.cyco on March 24th 2013, 3:18 pm

Thank you, but I am not trying to change the text area of the quick reply, I am trying to change the words "Quick Reply".

Also, where may I find a resource that lists all of the elements of the forum pages and their corresponding CSS codes?

Dave.cyco
Forumember

Posts : 31
Reputation : 1
Language : English

Back to top Go down

In progress Re: How to View and Alter CSS Code for Page Elements, e.g. Poll Background and Title Colors

Post by Sanket on March 24th 2013, 3:23 pm

Well, where do you see this quick reply?

You can use a addon for firefox named as Firebug to view these. Smile

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

In progress Re: How to View and Alter CSS Code for Page Elements, e.g. Poll Background and Title Colors

Post by Dave.cyco on March 24th 2013, 3:29 pm

@Sanket wrote:Well, where do you see this quick reply?

The same place you see it on every forum. Right above the quick reply box. Wink



QUICK REPLY:
__________________________________________________________________________________




You can use a addon for firefox named as Firebug to view these. Smile

Thanks.

EDIT: I use chrome, and your comment prompted me to find CSSViewer. I should be able to handle the rest from here.


Last edited by Dave.cyco on March 24th 2013, 3:40 pm; edited 1 time in total

Dave.cyco
Forumember

Posts : 31
Reputation : 1
Language : English

Back to top Go down

In progress Re: How to View and Alter CSS Code for Page Elements, e.g. Poll Background and Title Colors

Post by Sanket on March 24th 2013, 3:36 pm

Add this to your css. It will change the color of the widget titles too.
Code:
.h3 {
    color: #ff0000 !important;
}

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

In progress Re: How to View and Alter CSS Code for Page Elements, e.g. Poll Background and Title Colors

Post by Dave.cyco on March 24th 2013, 3:40 pm

Thanks, and please stand by, as I will have another question related to this.

Dave.cyco
Forumember

Posts : 31
Reputation : 1
Language : English

Back to top Go down

In progress Re: How to View and Alter CSS Code for Page Elements, e.g. Poll Background and Title Colors

Post by Sanket on March 24th 2013, 3:42 pm

Is this thread solved? You can create another thread for a different problem.
So whenever someone does a search, its easier for them to find a solution to their problem.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

In progress Re: How to View and Alter CSS Code for Page Elements, e.g. Poll Background and Title Colors

Post by Dave.cyco on March 24th 2013, 3:49 pm

In order to make my question fit this thread, and keep all my questions and the info provided in reply to them together (since it all really does belong together), I have changed the thread title to be search friendly to the specific issues we are discussing. The next question will be directly related to the thread title. Please stand by, thanks. Smile

Dave.cyco
Forumember

Posts : 31
Reputation : 1
Language : English

Back to top Go down

In progress Re: How to View and Alter CSS Code for Page Elements, e.g. Poll Background and Title Colors

Post by Sanket on March 24th 2013, 3:51 pm

Okay.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

In progress Re: How to View and Alter CSS Code for Page Elements, e.g. Poll Background and Title Colors

Post by Dave.cyco on March 24th 2013, 4:18 pm

How do you take what you see in CSSViewer (or Firebug, which I was not able to find[!]), and set up the correct syntax in the CSS field in the Admin CP? For example, how would you know to change this (the quick reply text box that you already answered about above):



Into this:

@Sanket wrote:Add this to your css & check if its working.
Code:
form#quick_reply #textarea_content textarea#text_editor_textarea {
    background-color: #ff0000 !important;
}

If you could reference the tools and/or resources you have at your disposal that helps you to make sense of all this it would be appreciated. Thanks. Smile

Dave.cyco
Forumember

Posts : 31
Reputation : 1
Language : English

Back to top Go down

In progress Re: How to View and Alter CSS Code for Page Elements, e.g. Poll Background and Title Colors

Post by Sanket on March 24th 2013, 4:52 pm

I Use the Live Edit. Then move it over physically on the forum & click on it. Well, just mess around with it. You will find a way.

Do you have any question related to the forum??

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

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