How to Make the Top Socket background color independent to the Primary Color? « Support Forum | Kriesi.at

Support Forum » Propulsion

How to Make the Top Socket background color independent to the Primary Color?

6 posts from 2 voices

Started 9 months ago by erikriemsdyk
Latest reply from erikriemsdyk
This topic is closed
This topic is resolved

Tags:

erikriemsdyk
Member

Hi Guys,

Is there a way to set the TOP SOCKET / TOP MENU / CART background color independent to the Primary Color which is set in theme options?

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

Pls refer to the following image: http://www.paiexplorer.com/questions/oracle-add-to-cart.png

I want my HEADER / CART SOCKET to be "White",

The only way to achieve this is to set the Primary Color in theme options to "White" which creates a whole lot of problems with:

(1) Some of my links being white and not visible on a white background

(2) The white Add to Cart + and - Quantity buttons not showing up against a "White" background set by the primary color,

(3) The shopping cart graphic (which is white) not showing up AND when I change it to a Black Graphic
in "propulsion/config-woocommerce/images" the black graphic I uploaded by FTP fails to appear across all browsers?

(4) The remove product (x) on my view cart page not appearing,

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

Is there a quick CSS fix?

Posted 9 months ago #
Ismael
Moderator

Hi erikriemsdyk,

Can you give the link to your site? (the one in the image).

Regards,
Ismael

Posted 9 months ago #
erikriemsdyk
Member

Hi Ismael,

There is only 1 test product, pls click on it to see the problems,

http://www.oraclecollection.com/wp/?product=test-1

Posted 9 months ago #
erikriemsdyk
Member

It looks to me that if I put: >>> #top .primary-background <<<<< in the Quick CSS it should override the array set by the Primary Color in the dynamic css,

alas it does not? am I missing something fundamental here?

######################################################################
# primary color
######################################################################

//background color
array(
'elements' =>'#top .primary-background, .dropcap2, div .button, input[type="submit"], #submit, .info_text_header, .numeric_controls a:hover, .numeric_controls .active_item, .contentSlideControlls a.activeItem, #top th, #top .related_posts .contentSlideControlls a.activeItem, #top .arrow_controls a, #main .content #searchsubmit:hover, .callout a',
'key' =>'background-color',
'value' => $primary
),

Posted 9 months ago #
Ismael
Moderator
Hi erikriemsdyk,

For #1, try to add this code in your Quick CSS:
```
#shop_header {
   background: #CCC;
}
```
or this code, if the code above doesn't work:
```
#shop_header {
   background: #CCC !important;
}
```
Just change the background color.

I think other questions are already solved and can be fixed by the code above. Just confirm if all issues are solved or what issues remains not fixed. :)

Regards,
Ismael
Posted 9 months ago #
erikriemsdyk
Member

Thank You Ismael :)

Posted 9 months ago #