Help.

Hello again, how do i solve this problem: Can you move this, so that the edge of the bagground fits flush with the line. https://app.box.com/s/j7kjlgxmol9dhoktkmohy3bm5pjabwv5

Hello,

Thank you for creating a topic here.

You can use this code to fix the menu

.main-nav .menu {
    margin-left: 0;
}

Regards

I have a big problem with the price-sorting widget, i simply cant get it to appear in my sidebar.
Look at these images…
(I have activated the widget)
https://app.box.com/s/m89of22ofzlf7gzinjtqy7yio1fywg20

(It doesnt show)
https://app.box.com/s/tve9rx7qtz9xqzndyy1odrchnsw0g6ef

All other sidebar widgets show and work properly.

How?

Hi,

Please, provide us your admin access so we could check it.

Regards

Okay.

I have two further problems.
How do i make a border around the search field in the top bar?

How do i change the bagground color of the sticky-menu?

Hello,

1. Price filter. We just checked your Widgets settings and see that this widget wasn’t added at all. We have added, please check.

2. Border around the search field

.main-header.color-scheme-light .search-extended input[type=text] {
    border: 2px solid #353435;
}

3. bagground color of the sticky-menu

.sticky-header.header-clone {
    background: #353435;
}

Regards

Thanks.
However the sticky-header havent changed?
I want the bagground of the sticky header to be dark grey instead of blue.

Sorry,

Try this one instead

.sticky-header.header-clone {
    background-color: #515151!important;
}

Regards

THANKS! 🙂
Just a few questions more.

– How do i change the small color-circles underneath the products in the productslist to squares instead?

Can i hide this: https://app.box.com/s/uia80nitfubo422ca1xb59sqrcn9h3va
?

1. Use this code

.swatches-on-grid .swatch-on-grid { border-radius: 0; }

2. And this to hide

p.woocommerce-result-count, .woocommerce-ordering  {
    display: none!important;
}

Thanks. How do i hide this: https://app.box.com/s/zmfr1wpqyzuqn47l1g6w7h9mnmyy7zfq

With this code

.single-product-content .product-tabs-wrapper {
    display: none;
}

Thanks.
Can you fix this; https://app.box.com/s/wlkja6rbevqx4v8mp3mqwxykbrjlnrcc

Its the sticky-menu were the icons doesnt show in the right.

Yes, it is because of hidden logo for sticky header. Try to fix with this snippet

.sticky-header .right-column {
    width: 145px;
    float: right;
}

Regards

Now the sticky header looks like this on a desktop…
https://app.box.com/s/uia80nitfubo422ca1xb59sqrcn9h3va

You need to place this code for mobile devices only (you will see this area in Custom CSS).

Regards

Can you make a snippet that makes the sticky-menu bigger? Only on mobile.

Try to add this code for mobile devices

.sticky-header {
    padding: 20px 0;
}

Regards

Thanks i have two quetions.
How do i change the menu-text color when hovering?

And on the frontpage i would like to make this text bigger.
: https://app.box.com/s/1sxxek1oabt1cqszmce29cjwka4ad7bq

I would also like the corners to be rounded on these buttons:
https://app.box.com/s/4arh2qa96gne7wc1wfiikla86tqdmpne

Can i add a line on only a few pixelt in white to the top of the header like here:
https://app.box.com/s/q9muzcqpf16f9dn5tdii0nnttg33izyk

Here is code for your questions.

.color-scheme-light .main-nav .menu>li:hover>a {
    color: red;
}

.added_to_cart, .btn, .button, button, input[type=submit] {
    border-radius: 10px;
}

.main-header.header-base {
    border-top: 10px solid white;
}

Regarding text font size on home page: currently you have h4 tag there, try to use h1 or h2.

Brilliant! Thanks

You are welcome 🙂

Two que.
How do i make the cart-text bigger in the header?

How do i make the color-variations visible without hover, when looing from the product listings? – What if the colors were shown above the title, without making the product column bigger?

/ BEST REGARDS

Hello,

1. This code to increase cart widget text

.shopping-cart>a>span {
    font-size: 18px;
}

2. Here is a code to show variations without hover

.basel-hover-standard .swatches-wrapper {
    -webkit-transform: translateY(0)!important;
    transform: translateY(0)!important;
}

Regards

Thanks i would like the black bagground removed from the hover color selection?

Can you make an effect when hovering the cart icon?

Ok, you can remove this effect with this code

.color-scheme-light .right-column a:hover {
    color: #ffffff;
}

Regards

That didnt work. Take a look:

The code works, but probably we got you wrong. Could you provide a screenshot?

[Author]

Posts