Change color of some text...

[gigowattfilm]

Hello

I'm sorry this may seem obvious, but I am lost.

If you can see the pictures attached, you will see that in the first picture, some text are black on black background. I would like to change the color of these text, but I cannot find them. On the second picture, you can see that they can be seen when highlighted.

Thoses are the navigation pages in jdownloads (Pagz 1 2 3 4 next back ....)

Thank you for your help !


[gelöscht durch Administrator]

[gigowattfilm]

Hey there.

I spent several hours and I managed to change the background using that line :
<table class="jd_footer" style="width:100%;background-color:#808080;">  

in the footer area layout of the Category.

But I don't know how to change the color of the text... If someone could help me

Thanks

[gelöscht durch Administrator]

[ColinM]

Hi
The footer area of the Standard Category Layout v2.5 layout is below

Code Select Expand

<div class="jd_footer" style="width:100%;"> 
     <div class="jd_page_nav" style="width:100%; vertical-align:top;text-align:right;">{page_navigation}</div>
</div>
<div style="text-align:left" class="back_button">{back_link}</div>

To add background, as you have discovered, is by adding background-color:#808080; into the style part so it gives a dark grey backgound
To set the colour of the text add color: #ffffff;  - this will give white text.

So your revised code would be

Code Select Expand

<div class="jd_footer" style="width:100%;"> 
     <div class="jd_page_nav" style="width:100%; vertical-align:top; text-align:right; color: #ffffff; background-color: #808080;">{page_navigation}</div>
</div>
<div style="text-align:left" class="back_button">{back_link}</div>

Colin

[gigowattfilm]

Hi Colin

Thank you for your reply, but I'm afraid I don't seem to make it work.


I copied and past your code, the text on the right stays black.
I can change the color of the background without problem, but changing the value of color does not do anything... Any idea ?

[sakis]

Try this:

Code Select Expand

<div class="jd_footer" style="width:100%;">
     <div class="jd_page_nav" style="width:100%; vertical-align:top; text-align:right; color: #ffffff!important; background-color: #808080;">{page_navigation}</div>
</div>
<div style="text-align:left" class="back_button">{back_link}</div>

[AjaySharmafrk11]

thanks for the above code ! working for me too loving this forum

http://hotstarappfreedownload.co.in/

[gigowattfilm]

Thank you, but it is still not working for me. The background I can change, but not the text color. It stays black and it mixes with the background... Maybe it is my template forcing the color ?

[ColinM]

Hi
We were going to need something more selective anyway so it does not affect other parts of your site.
So use the following which limits the scope of the colour change to the div with class jd_fieldset_outer

Code Select Expand

.jd_fieldset_outer button {
color: #007000;
}

If that does not work try
.jd_fieldset_outer button {
color: #007000 !important;
}

And if that does not work please send me by PM a link to your site - will need login with at least ability to create a Download in order to test.  Also so I can look at the css files please install a files manager like eXtplorer or ProFiles, both are free.

Colin

[gigowattfilm]

Hi

First I'm sorry I could not reply earlier, I had a lot of work.

Thanks Colin for the new code, but unfortunately, for the life of me, I don't know where to put it. I tried several combination like this to no avail (I know nothing about code) :

<div class="jd_footer" style="width:100%;">
     <div class="jd_page_nav" style="width:100%; vertical-align:top; text-align:right; background-color: #808080;">{page_navigation}</div>
.jd_fieldset_outer button {
color: #007000;
}
</div>
<div style="text-align:left" class="back_button">{back_link}</div>

Obiously, it is not working !
Would you be so kind to arrange the code so I can paste it ?

Thanks a bunch

[ColinM]

Hi
OK I understand your dilemma!
The code in the layout is changed to (or remainds at)

Code Select Expand

<div class="jd_footer" style="width:100%;">
     <div class="jd_page_nav" style="width:100%; vertical-align:top; text-align:right; background-color: #808080;">{page_navigation}</div>
</div>
<div style="text-align:left" class="back_button">{back_link}</div>

The part

Code Select Expand

.jd_fieldset_outer button {
color: #007000;
}
is CSS and should be put in your custom css file.  To see how to do that please readv
http://www.jdownloads.net/documentations/item/custom-css

What the above CSS is instructing the browser to do when rendering the page is to look for any class called jd_fieldset_outer and if it finds an html button statement the use the color #007000 on any text in the button statement.

Colin

[gigowattfilm]

Thank you ColinM for holding my hand and coping with my brains with this.





I will try thoses things saturday and get back to you, but I'm confident this is going to work !