CSS to edit for HomePage Blocks

Just trying to find the CSS that edits the HOMEPAGE items such as

BLOGS, Latest, Top, Random

PHOTO GALLERY, Latest, Top, Random

Any help is appreciated!

Located in the Settings tab of your D-dashboard under the section CSS Style Editor

Unless you change the file attributes to 666...you cannot edit general.css, anchor.css, index.css using that tab.

I am editing these *.css files through my CPanel at my host -- so this is not the issue. I just want to be clear.

What I am looking for specifically is the CODE where I change the color of the font for "Latest, Top, Random" ?

Have searched through these CSS files and tried changing each Black or Dark Blue font color (that might be these named tabs) and replaced with RED so I would notice it easily after refreshing....I still cannot locate them.

I know some sites that have made this change....just a simple detail about what to look for and where would be appreciated.

Thanks in advance for any input.

templates/tmpl_uni/css/general.css

will change every 'Latest Top Online Random' text color on site

.dbTopMenu div a,
 .dbTopMenu div a:link,
 .dbTopMenu div a:hover,
 .dbTopMenu div a:active,
 .dbTopMenu div a:visited,
 .caption_item a,
 .caption_item a:link,
 .caption_item a:hover,
 .caption_item a:active,
 .caption_item a:visited 
 {
  text-decoration: none;
  color: #0000CC;
 }

This worked to change MOST of those tabs....but not the one you are looking at.

Let's say you click on "TOP" ... it is not in Red like Latest, Random..... It is still in Black.

Any other further sugestions?

And thanks again to OKWEB!

On the same topic...

What is specific code to change the TAGS text in the box?

Looking to change size and color....

Answar on your first Question:

What you ask about is not coded, you have to add this code bellow (templates/tmpl_uni/css/general.css)

.dbTopMenu div.active
 {
  text-decoration: none;
  color: red;
 }

All code here:

 .dbTopMenu div.active,
 .dbTopMenu div.notActive
 {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  border-left: 1px solid #ccc;
  height:17px;
  padding-top:3px;
  position:relative;
 }

 .dbTopMenu div.active
 {
  text-decoration: none;
  color: red;
 }

==================================

Tags:
templates/tmpl_uni/css/general.css

.boxFirstHeader

Mega thanks!

Still have not figured out how to change the current tab you are in...

I am trying to change the BLACK type LATEST.The code below ONLY changes the NOT ACTIVE links while the ACTIVE link is still BLACK.

Don't know the answer but if you make them all red how will anyone know which one they've selected?
.

I don't want to make them all red, I want to make the one that is BLACK, YELLOW.

If this is what you have:

.dbTopMenu div.active,
.dbTopMenu div.notActive
{
float: left;
padding-left: 5px;
padding-right: 5px;
border-left: 1px solid #ccc;
height:17px;
padding-top:3px;
position:relative;
}

.dbTopMenu div.active
{
text-decoration: none;
color: red;
}

Try this instead:
.dbTopMenu div.active
{
text-decoration: none;
color: yellow;
}
.dbTopMenu div.notActive
{
float: left;
padding-left: 5px;
padding-right: 5px;
border-left: 1px solid #ccc;
height:17px;
padding-top:3px;
position:relative;
}

Sorry RumpyBumpy this will not work...

This will work:

 .dbTopMenu div.active,
 .dbTopMenu div.notActive
 {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  border-left: 1px solid #ccc;
  height:17px;
  padding-top:3px;
  position:relative;
 }

 .dbTopMenu div a,
 .dbTopMenu div a:link,
 .dbTopMenu div a:hover,
 .dbTopMenu div a:active,
 .dbTopMenu div a:visited,
 .caption_item a,
 .caption_item a:link,
 .caption_item a:hover,
 .caption_item a:active,
 .caption_item a:visited 
 {
  text-decoration: none;
  color: #F00;               /* Edit/change your color on ADMIN/TOP/RANDOM on Poll to RED*/
 }

 .caption_item a
 {
  margin-left:4px;
 }
 
 .dbTopMenu div.active
 {
  border-bottom: 1px solid #F7F7F7;
  /*Code add - start*/
  text-decoration: none;
  color:#FF0;                /* Edit/change your color on LATEST on Poll to YELLOW*/
  /*Code add - end*/
 }

 okweb

I had previously tried what Rumpy stated and it didn't work for me...I had thought the code would work like that as well.

okweb....you are mega. This works perfectly!!!!!!!!!!!

Thanks.

~~ L

I changed them once before...looking for the CSS code for bottom links, i.e. Links, News, Contact Us, About Us.....

Which code in the general.css can I mod to make color/font changes?

(The came at top links are changeable under .topestmenu)

Found it...

...templates, tmpl_uni, css, anchor.css

.bottomLink

Take a look on templates/tmpl_uni/css/anchor.css

Yep...found it okweb!!!

.bottomLinks a,
.bottomLinks a:link,
.bottomLinks a:visited {
color: #FFFFFF;
text-decoration: underline;
}

.bottomLinks a:hover,
.bottomLinks a:active {
color: #000000;
text-decoration: none;
}