Return to previous page

Changing colors of a couple items; Adding dropdown under menu tab

This topic has 14 replies, 4 voices, and was last updated 9 years ago ago by Eva Kemp

chriskr200

Participant

July 10, 2015 at 09:20

Hello,

Hopefully I could find some assistance here. Great theme but I have a couple changes I can’t seem to implement.

Changing colors

I already enabled custom CSS.. I would like to change the color of:

1. The bar containing “add to wishlist” and “quick view” that appears after hovering over an item on any given page.

2. The background of the “Proceed to Checkout” button in the cart.

Dropdown Menu

I can’t seem to figure out how to set up a dropdown menu under the Shop tab. I am looking to add item categories and brands as the two lists in this dropdown menu.

For reference, my store site is http://www.vapdout.com.

Thank you

#74430 Copied Theme version: WooPress v2.2 WooCommerce version: 2.2.13

13 Answers
Robert Hall

Support staff

July 10, 2015 at 10:38
Hello,

Please add this code in custom css:
1)
```
.footer-product{
  background: #fff;
}
```
2)
```
.cart-collaterals .checkout-button{
 background: red;
}
```
Please read more in our documentation how to use menu:
https://www.8theme.com/demo/docs/woopress/index.html#!/primary_menu
Regards,
Robert Hall.
#74447 Copied
chriskr200

Participant

July 11, 2015 at 00:42

Hello Robert,

Thanks for your help. I was able to implement all changes.

I have another question; how can I reduce the padding between each sub item in the dropdown menu?

Thank you

#74598 Copied

chriskr200

Participant

July 11, 2015 at 01:29

I also would like to make the breadcrumbs bar thinner.

#74602 Copied
Jack Richardson

Support staff

July 11, 2015 at 08:56
Hello,

Please add this code in custom.css to reduce the padding between submenu items:
```
.menu .menu-full-width .nav-sublist-dropdown ul > li.menu-item-has-children .nav-sublist ul li a {
 padding: 3px 0 !important;
}
```
For breadcrumbs use this code:
```
.page-heading.bc-type-6 {
  padding: 10px !important;
}
```
Best regards,
Jack Richardson.
#74646 Copied
chriskr200

Participant

July 11, 2015 at 22:21

Hello, thank you. The breadcrumbs CSS worked well.

1. The sub menu item padding is not being affected by the supplied code.

2. How can I reduce padding between either ALL items in the shop sidebar, or reduce padding in JUST the Shop By Brand list in the shop sidebar?

3. How can I center the menu in the fixed header that pops up after scrolling down a bit?

4. How can I change the bag icon on the shopping cart widget in the header?

vapdout.com

#74688 Copied

chriskr200

Participant

July 11, 2015 at 23:24

I figured out question 2.

#74690 Copied
Eva Kemp

Support staff

July 13, 2015 at 09:51
Hello,

1. Please provide us with wp-admin panel credentials in Private Content.

3. Please add this code in custom.css:
```
.fixed-header-area .menu {
    margin-left: 200px !important;
}
```
4. You can remove the current icon using this code:
```
.cart-bag .ico-sum::after {
  background-color: transparent;
}
.ico-sum::before {
    content: none !important;
}
```
and add your icon image with this code:
```
.ico-sum {
    background-image: url("http://path_to_your_image");
}
```
Regards,
Eva Kemp.
#74772 Copied
chriskr200

Participant

August 4, 2015 at 23:38

Hello, how can I make the homepage slider full width and adaptive to different mobile devices? For Example, when viewing in portrait mode on my iPhone 5S, the slider image is very large but it cuts off most of the right and left sides. I would like the whole slider image to display even if it will be very small.

#78554 Copied

Eva Kemp

Support staff

August 5, 2015 at 09:25

Hello,

Go to wp-admin panel > Revolution Slider > enter Settings of your slider and select “Auto Responsive” in “Slider Layout” field as described here:
http://revolution.themepunch.com/documentation/#main_slider_settings

Regards,
Eva Kemp.

#78610 Copied

chriskr200

Participant

November 5, 2015 at 00:48

Hello, when I view the front page of my site and scroll down, there is what seems to be a white block that covers the “New Arrivals” section. It will only disappear after mousing over one of the items. If I scroll a little bit up or down, it will reappear. How can I fix this?

#97882 Copied Theme version: Woopress v2.2

Jack Richardson

Support staff

November 5, 2015 at 11:52

Hello,

Sorry but I don’t see any issues on “New Arrivals” section.
Please show a screenshot.

Thank you.

Best regards,
Jack Richardson.

#97958 Copied

chriskr200

Participant

November 6, 2015 at 04:55

As you can see in the screenshot, there is a white overlay covering the new arrivals section. It only happens when scrolling down and then stopping without moving the cursor. It disappears after moving the cursor and then reappears after scrolling and stopping once again.

Please, contact administrator
for this information.

#98093 Copied

Eva Kemp

Support staff

November 6, 2015 at 10:41

Hello,

Unfortunately we can’t replicate the issue.
That section is shown fine http://storage6.static.itmages.com/i/15/1106/h_1446802801_4663399_04ad907c05.png even when scrolling down.
What browser and OS are you checking in?

Regards,
Eva Kemp.

#98140 Copied
Viewing 14 results - 1 through 14 (of 14 total)