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.

Color CSS problem

View previous topic View next topic Go down

Solved Color CSS problem

Post by fijea on July 26th 2012, 12:29 am

Hello,

I'm unable to change the text color of the topic title.

as you can see everything was fine but the grayed titles ("Crew Database")
Maybe something in the css?

Also I'm having a problem with my widget,
the title is hard to read, I'd like to change the color and remove the shadow.

Where could I find it?


Any help will be appreciated.
Thank you!


Edit:
About the widget,
I forgot to mention the background color of the text.

I would like to get rid of it.


Last edited by fijea on July 28th 2012, 8:16 am; edited 1 time in total (Reason for editing : solved)

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: Color CSS problem

Post by ankillien on July 26th 2012, 5:47 am

Hi,

For the topic title color, use this code...

Code:
.topic-title a.topictitle {
color: red;
}

For the widget title...

Code:
.module .h3 {
color: red;
text-shadow: none;
}

For the black background, I'd need to visit your forum to see what causes it.

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: Color CSS problem

Post by fijea on July 26th 2012, 9:32 am

Hi, thank you for your response!

But it doesn't seem to work..
Here you go > forum link.

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: Color CSS problem

Post by ankillien on July 26th 2012, 11:13 am

Thanks for the link Smile

The widget title will be fixed by this code...

Code:
#right .main-head * {
color: red;
}

This code for topic title color...

Code:
a.topictitle {
color: red !important;
}

And this code will remove the black background from topper widget...

Code:
#right .module td {
background: transparent;
}

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: Color CSS problem

Post by fijea on July 26th 2012, 1:52 pm

Hi,
I've added the codes above but it still doesn't fix the problem.
Maybe something I need to remove from the CSS?

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: Color CSS problem

Post by ankillien on July 26th 2012, 4:37 pm

I have tried those code on your forum and they work. Make sure you add the code at the end of all other codes.

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: Color CSS problem

Post by fijea on July 26th 2012, 6:20 pm

I did but I'm sorry it doesn't seem to work. I've also tried using different browsers.

Here's what at the end of my css stylesheet:
Code:
a.topictitle {
color: #999999 !important;
}

#right .main-head * {
color: #d9d9d9;
}

#right .module td {
background: transparent;
}

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: Color CSS problem

Post by ankillien on July 27th 2012, 3:46 am

The widget title and the black bg are already fixed. For topic title, you might need to use this code...

Code:
a.topictitle:link {
color:#999999 !important;
}

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: Color CSS problem

Post by fijea on July 27th 2012, 7:31 am

Idk what happen but the widget title color and the background text doesn't work for me.

as for the text shadow, I removed the
Code:
.introduction .h3, .h3, .postbody .h3, .login .h3 {
    text-shadow:0px 3px 3px #000000;
}

The topic title does work tho'
Code:
a.topictitle:link

Thank you Smile

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: Color CSS problem

Post by ankillien on July 27th 2012, 11:59 am

What do you want to do with widgets? Just remove the drop shadow? change text color or change title background color?

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: Color CSS problem

Post by fijea on July 27th 2012, 2:40 pm

Change the title color for some of the widgets..
As you can see the twitter feed & translator title is in black..it should be like the others (brighter color)..
and the black background on top poster list..

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: Color CSS problem

Post by ankillien on July 27th 2012, 3:52 pm

This code will change widget title color...

Code:
.h3, .introduction .h3, .login .h3, .postbody .h3 {
color: red !important;
}

And this code to remove black background from top poster widget...

Code:
#right .module td {
background: transparent !important;
}

I have tried the codes and they work.

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: Color CSS problem

Post by fijea on July 27th 2012, 6:05 pm

Hi, thank you..yes the widget title color is fixed now..

but the top poster problem is still there:

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: Color CSS problem

Post by ankillien on July 28th 2012, 4:22 am

hmm....hope this works...

Code:
td.row1.over:hover, td.row2 , td.row1, td.row3.over:hover {
background: transparent !important;
}

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: Color CSS problem

Post by fijea on July 28th 2012, 8:15 am

You are Awesome!
Thank you very much, ankillien!

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: Color CSS problem

Post by SLGray on July 28th 2012, 8:23 am

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 : 35638
Reputation : 2372
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