changing color for the page number in home slider

[chanansh]

Hi,

I having trouble configuring homeslider module...

I uploaded images 500 px wide. The control from the backend was also set to 500px but the movement was too large. Only when I went into the default theme grid css and changes the 5th column to be 500px it worked ok. Why?

 

Anyway, now when this is ok, I tried to change the color of the page circles (1-5). I am playing with the homeslider CSS but it seems neither of the colors there effect the circle color... where is that setting hide?

[vekia]

The url to your website will be really helpfull, so if it is possible - please paste the url.

[chanansh]

sure. Thank you for the quick reply.

The url is http://yogly.co.il/

more importantly than the circles color in the homebanner block: I seemed to lost the shopping cart... if I press the "add to cart" on a product it seems like it does nothing. I looked at the shopping cart module and it is installed and enabled. Tried to reinstall and reset and didn't help. Where is my cart?

[vekia]

color of dots is based on image:

 

check this file: modules/homeslider/bx_styles.css

 

.bx-pager a {
display: inline-block;
zoom: 1;
margin-right: 5px;
padding: 4px 0 0 1px;
height: 16px;
width: 18px;
font-weight: bold;
font-size: 11px;
color: #000;
text-decoration: none;
background: url(gray_pager.png) no-repeat 0 -20px;
}

 

if you want to change color, you should:

1. edit the css styles of this class
   
2. edit the image gray_pager.png
   

[isa_roelandts]

Hi there,

 

I tried to do this, but unfortunately, this doesn't work for me. I changed the colors in the css file so as to change the yellow an d grey. Unfortunately, I still see these two colors...

Webshop: www.labellehistoire.be

 

Thanks in advance for the help!

 

Best regards,

 

Isabelle

[vekia]

i checked your page and the code still looks the same.

[isa_roelandts]

Hi Vekia,

 

That's strange, I changed it although.
I tried to change it again and I even changed the gray_pager.png (I adapted the colors).
But there is still nothing changed...
I really hope you can help me out!

 

Thanks,

Isabelle

[vekia]

take a look:

 

it's original one, or new file that you uploaded?

[isa_roelandts]

Hi Vekia,

 

I have changed the file you are mentionning.
What did I do exactly:

I took the original file, changed the colors and uploaded this file again, with the same name as the previous one (of course I deleted the previous one)...

Kind regards,

 

Isabelle

[vekia]

but picture is still the same as original one

it looks like new one isn't available there

[BellaV]

but picture is still the same as original one

it looks like new one isn't available there

Hello, I have the same problem with my store. I can't get rid of the yellow. I am wondering why is not the yellow in the css, like the number colors. I want to have white instead of yellow.

Another question in the same direction:

How could I change the color of the NEW PRODUCT red line on the right side of every new product?

Edited March 16, 2014 by bellavolen (see edit history)

[Paulito]

Good morning

 

For changing the "New" product colour

 

Home Featured:

 

public_html/Your Shop/modules/homefeatured/homefeatured.css

 

#featured-products_block_center .product_image span.new {

display: block;

position: absolute;

top: 15px;

right:-30px;

padding: 1px 4px;

width: 101px;

font-size:10px;

color: #fff;

text-align: center;

text-transform: uppercase;

-moz-transform: rotate(45deg);

-webkit-transform: rotate(45deg);

-o-transform:rotate(45deg);

-ms-transform: rotate(45deg);

background-color: #990000;       (Change this colour)

transform: rotate(45deg);  /* Newer browsers */

}

 

Result

http://screencast.com/t/K8wbKQh3r

 

For Product list:

 

public_html/Your Shop/themes/Your Theme/css/product_list.css

 

Around line 44

#product_list li span.new {

display: block;

position: absolute;

top: 15px;

right:-30px;

padding: 1px 4px;

width: 101px;

font-size:10px;

color: #fff;

text-align: center;

text-transform: uppercase;

-moz-transform: rotate(45deg);

-webkit-transform: rotate(45deg);

-o-transform:rotate(45deg);

background-color: #990000;     (Change this Colour)

transform: rotate(45deg); 

-ms-transform: rotate(45deg); /* Newer browsers */

}

 

Result

http://screencast.com/t/NAib2ZOnyDL

 

For the Home Slider

 

public_html/Your Shop/modules/homeslider/bx_styles.css

 

Around line 52

 

.bx-pager a {

display:inline-block;

zoom:1;

margin-right: 5px;

padding:4px 0 0 1px;

height:16px;/* 19 */

width:18px;/* 19 */

font-weight:bold;

font-size: 11px;

color:#000;

text-decoration:none;

background-color: #00688b; url(gray_pager.png) no-repeat 0 -20px;     (Add This)

}

 

Result

http://screencast.com/t/zgQmHCSKil

 

 

Paul

Edited March 16, 2014 by Paulito (see edit history)

[BellaV]

This is amazing dear Paul, thank you so much.

One more question;)

Is there a way to change the red price tags?

Thank you so much. It took me so many hours before your posting;)

[dioniz]

In global.css

 

#featured-products_block_center .price {

    color: #990000;

}

 

here you can change price color for home featured

Edited March 16, 2014 by dioniz (see edit history)

[Paulito]

Hello again

 

Do you mean the colour of the Price  $300.00 ?

 

And if so, where?

 

Paul

[BellaV]

Yes the product prices.

I red about the global.css somewhere else, but I can't find it. Sorry I am new;). In the single product. They also show up in the home.

Edited March 16, 2014 by bellavolen (see edit history)

[BellaV]

Hey I found it;) Thank you

[BellaV]

Hello lovely people,

another color question.

So I managed to change the red prices in the biggest part of the store. When the products are shown in a category the prices are the color I want, but when one openes a single product, they are still red.

- How and where can I change the red in the single product?
- How can I change the yellow color?

Thank you so much in advance

http://artgallery-vienna.com/prestashop/en/portrait-voucher-/75-realistic-portrait-on-canvas-of-1-person.html

Edited March 18, 2014 by BellaV (see edit history)

[dioniz]

Red price color in product.css line 303 .our_price_display

 

Yellow tab color in global.css all arround line 630. This is yellow background image

.idTabs .selected {
    background: url("../img/bg_li_idTabs.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    color: #5F6D76;
}

Yellow border under tabs:

.idTabs {
    border-bottom: 8px solid #F7B900;
    list-style-type: none;
    margin-top: 20px;
}

Yellow button

global.css around line 152

input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled{
   background: url("../img/bg_bt.gif") repeat-x scroll 0 0 #F4B61B;
}