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.

Changing header of categories and widget color

View previous topic View next topic Go down

Solved Changing header of categories and widget color

Post by tylercole on January 1st 2017, 1:17 am

Hello, i am looking to change the color of the headers on my category headers and widget headers to a color similar to this one #282828 I found a post where they wanted the guy to put something in his CSS but it didn't work for me or him when I just tried.


Last edited by tylercole on January 1st 2017, 7:39 pm; edited 1 time in total
avatar
tylercole
Forumember

Posts : 264
Reputation : 13
Language : english

http://insectsandentomolgy.forumotion.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by SLGray on January 1st 2017, 1:40 am

Look for this in your CSS:
Code:
th {
    background-color: #056b9e;
    background-image: url(http://hitsk.in/t/12/30/11/i_back_title.png);
    color: #dd6900;
    font-size: 11px;
    font-weight: 700;
    height: 25px;
    padding: 2px 3px;
}
Notice that there is an image background.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 39122
Reputation : 2625
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by tylercole on January 1st 2017, 1:47 am

@SLGray wrote:Look for this in your CSS:
Code:
th {
    background-color: #056b9e;
    background-image: url(http://hitsk.in/t/12/30/11/i_back_title.png);
    color: #dd6900;
    font-size: 11px;
    font-weight: 700;
    height: 25px;
    padding: 2px 3px;
}
Notice that there is an image background.

Not in my CSS, do you have a code I could enter? Also why in your example is there a link?

Thanks
avatar
tylercole
Forumember

Posts : 264
Reputation : 13
Language : english

http://insectsandentomolgy.forumotion.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by SLGray on January 1st 2017, 1:50 am

That is not an example. That is what is in your CSS stylehseet.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 39122
Reputation : 2625
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by tylercole on January 1st 2017, 2:19 am

Ok, however this is not in my CSS, more than likely due to past mistakes I had made in the CSS.
avatar
tylercole
Forumember

Posts : 264
Reputation : 13
Language : english

http://insectsandentomolgy.forumotion.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by SLGray on January 1st 2017, 2:24 am

Try your basic CSS.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 39122
Reputation : 2625
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by tylercole on January 1st 2017, 2:37 am

Not to be difficult, but I did!
avatar
tylercole
Forumember

Posts : 264
Reputation : 13
Language : english

http://insectsandentomolgy.forumotion.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by SLGray on January 1st 2017, 2:38 am

Post your CSS stylesheet using the code tags.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 39122
Reputation : 2625
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by tylercole on January 1st 2017, 2:48 am

Do you mean add the code that you provided in your first post on this thread?
avatar
tylercole
Forumember

Posts : 264
Reputation : 13
Language : english

http://insectsandentomolgy.forumotion.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by SLGray on January 1st 2017, 2:49 am

No. Post yours here.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 39122
Reputation : 2625
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by tylercole on January 1st 2017, 3:16 am

Code:
        .secondarytitle, .secondarytitle h2 {
          color: #000;
        }        .forumline th {
          color: #000
        }      .fa_vote, .fa_voted, .fa_count {
          font-size:12px;
          font-family:Verdana, Arial, Helvetica, Sans-serif;
          display:inline-block !important;
          width:auto !important;
          transition:300ms;
        }
       
        .fa_voted, .fa_vote:hover { opacity:0.4 }
        .fa_voted { cursor:default }
       
        .fa_count {
          font-weight:bold;
          margin:0 3px;
          cursor:default;
        }
       
        .fa_positive { color:#4A0 }
        .fa_negative { color:#A44 }
       
        .fa_votebar, .fa_votebar_inner {
          background:#C44;
          height:3px;
        }
       
        .fa_votebar_inner {
          background:#4A0;
          transition:300ms;
        } 
avatar
tylercole
Forumember

Posts : 264
Reputation : 13
Language : english

http://insectsandentomolgy.forumotion.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by tylercole on January 1st 2017, 3:18 am

There it is, sorry I had to edit it.
avatar
tylercole
Forumember

Posts : 264
Reputation : 13
Language : english

http://insectsandentomolgy.forumotion.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by Draxion on January 1st 2017, 3:49 am

Are you simply wanting to change the black font headers you have, or the background colors?

If it is the background colors, add this to your CSS
Code:
td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
  background-image: none;
  background-color: #282828;
}

And then alter this part that is already in your CSS.
Code:
.forumline th {
  color: #000;
  background-color: #282828;
  background-image: none;
}
avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1348
Reputation : 186
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by tylercole on January 1st 2017, 4:01 am

The blue headers, all the blue in the "box" i want to change the color to a grayish color. Here is a picture, what is circled is what I mean.

avatar
tylercole
Forumember

Posts : 264
Reputation : 13
Language : english

http://insectsandentomolgy.forumotion.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by Draxion on January 1st 2017, 4:01 am

I showed you how from editing my previous post. Follow that and see if that works.


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1348
Reputation : 186
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by tylercole on January 1st 2017, 4:09 am

Ok, what do you mean by alter the second code?

Thanks
avatar
tylercole
Forumember

Posts : 264
Reputation : 13
Language : english

http://insectsandentomolgy.forumotion.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by Draxion on January 1st 2017, 4:10 am

Here, I'll do this for you. Completely replace your CSS with this.
Code:
.secondarytitle,
.secondarytitle h2 {
  color: #000;
}

.forumline th {
  color: #000;
  background-color: #282828;
  background-image: none;
}

.fa_vote,
.fa_voted,
.fa_count {
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  display: inline-block !important;
  width: auto !important;
  transition: 300ms;
}

.fa_voted,
.fa_vote:hover {
  opacity: 0.4
}

.fa_voted {
  cursor: default
}

.fa_count {
  font-weight: bold;
  margin: 0 3px;
  cursor: default;
}

.fa_positive {
  color: #4A0
}

.fa_negative {
  color: #A44
}

.fa_votebar,
.fa_votebar_inner {
  background: #C44;
  height: 3px;
}

.fa_votebar_inner {
  background: #4A0;
  transition: 300ms;
}

td.cat,
td.catBottom,
td.catHead,
td.catLeft,
td.catRight,
td.catSides {
  background-image: none;
  background-color: #282828;
}
avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1348
Reputation : 186
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by tylercole on January 1st 2017, 4:13 am

I apologize for this. However when it comes to technology in one are I am fairly smart, but in another part of it I am rather in experienced and kind of dumb. Very Happy I will enter it in there and see what happens.
avatar
tylercole
Forumember

Posts : 264
Reputation : 13
Language : english

http://insectsandentomolgy.forumotion.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by tylercole on January 1st 2017, 4:18 am

I seen you are on the forum, so as you know, it's done. But since I still might play with the color some, where is the part of the CSS where I can change the color.
avatar
tylercole
Forumember

Posts : 264
Reputation : 13
Language : english

http://insectsandentomolgy.forumotion.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by Draxion on January 1st 2017, 4:19 am

Where it says 'color' and '#000'. Just change the hex code '#XXXXXX' to get your color.

Code:
.secondarytitle,
.secondarytitle h2 {
 color: #000;
}

td.cat,
td.catBottom,
td.catHead,
td.catLeft,
td.catRight,
td.catSides {
 color: #000;
}
avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1348
Reputation : 186
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by tylercole on January 1st 2017, 4:21 am

Line 3 and line 12 where it says color? One for widgets and the other is for categories I assume.
avatar
tylercole
Forumember

Posts : 264
Reputation : 13
Language : english

http://insectsandentomolgy.forumotion.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by Draxion on January 1st 2017, 4:23 am

If you are referring to the code I gave you to completely replace your previous CSS, it would be on line 3, 7, and then all the way at the bottom, you will have to add the property 'color' into it.
Code:
color: #000;
avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1348
Reputation : 186
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by tylercole on January 1st 2017, 4:48 am

Now I need the print in all the categories and widgets headers to be a light gray.
avatar
tylercole
Forumember

Posts : 264
Reputation : 13
Language : english

http://insectsandentomolgy.forumotion.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by Draxion on January 1st 2017, 5:46 am

You can do that by editing the 'colors'.


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1348
Reputation : 186
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by tylercole on January 1st 2017, 7:38 pm

Ok, thank you Draxion. I should be able to figure it out from here. Once again you have been of great help.
avatar
tylercole
Forumember

Posts : 264
Reputation : 13
Language : english

http://insectsandentomolgy.forumotion.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by Draxion on January 1st 2017, 7:46 pm

You are very welcome. Have yourself a good day! Smile


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1348
Reputation : 186
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Changing header of categories and widget color

Post by SLGray on January 1st 2017, 10:08 pm

Problem solved & topic archived.
Please read our forum rules: ESF General Rules


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

avatar
SLGray
Administrator
Administrator

Male Posts : 39122
Reputation : 2625
Language : English
Location : United States

https://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