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

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

  • Avatar: chriskr200
    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

    13 Answers
    Avatar: Robert Hall
    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.

    Avatar: chriskr200
    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

    Avatar: chriskr200
    chriskr200
    Participant
    July 11, 2015 at 01:29

    I also would like to make the breadcrumbs bar thinner.

    Avatar: Jack Richardson
    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.

    Avatar: chriskr200
    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

    Avatar: chriskr200
    chriskr200
    Participant
    July 11, 2015 at 23:24

    I figured out question 2.

    Avatar: Eva
    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.

    Avatar: chriskr200
    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.

    Avatar: Eva
    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.

    Avatar: chriskr200
    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?

    Avatar: Jack Richardson
    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.

    Avatar: chriskr200
    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.
    Avatar: Eva
    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.

  • Viewing 14 results - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.