Home › Forums › Basel support forum › Help.

Help.

Viewing 30 posts - 1 through 30 (of 57 total)
1 2
  • Author
    Posts
  • October 26, 2016 at 5:09 pm #5928

    erikoestergaard
    Participant

    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

    October 26, 2016 at 5:17 pm #5930

    Artem Temos
    Keymaster
    Xtemos team

    Hello,

    Thank you for creating a topic here.

    You can use this code to fix the menu

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

    Regards

    October 26, 2016 at 8:14 pm #5944

    erikoestergaard
    Participant

    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?

    October 27, 2016 at 4:53 am #5948

    Artem Temos
    Keymaster
    Xtemos team

    Hi,

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

    Regards

    October 27, 2016 at 7:16 am #5954

    erikoestergaard
    Participant

    Okay.

    October 27, 2016 at 9:01 am #5957

    erikoestergaard
    Participant

    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?

    October 27, 2016 at 3:37 pm #5969

    Artem Temos
    Keymaster
    Xtemos team

    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

    October 27, 2016 at 3:43 pm #5972

    erikoestergaard
    Participant

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

    October 27, 2016 at 3:49 pm #5974

    Artem Temos
    Keymaster
    Xtemos team

    Sorry,

    Try this one instead

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

    Regards

    October 28, 2016 at 6:20 pm #6026

    erikoestergaard
    Participant

    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
    ?

    October 28, 2016 at 6:24 pm #6029

    Artem Temos
    Keymaster
    Xtemos team

    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;
}
    October 28, 2016 at 8:16 pm #6034

    erikoestergaard
    Participant

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

    October 29, 2016 at 12:49 am #6036

    Artem Temos
    Keymaster
    Xtemos team

    With this code

    .single-product-content .product-tabs-wrapper {
    display: none;
}
    October 29, 2016 at 10:52 am #6050

    erikoestergaard
    Participant

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

    October 29, 2016 at 10:52 am #6051

    erikoestergaard
    Participant

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

    October 29, 2016 at 11:13 am #6052

    Artem Temos
    Keymaster
    Xtemos team

    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

    October 29, 2016 at 11:37 am #6053

    erikoestergaard
    Participant

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

    October 29, 2016 at 11:39 am #6055

    Artem Temos
    Keymaster
    Xtemos team

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

    Regards

    October 29, 2016 at 11:45 am #6057

    erikoestergaard
    Participant

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

    October 29, 2016 at 1:59 pm #6061

    Artem Temos
    Keymaster
    Xtemos team

    Try to add this code for mobile devices 

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

    Regards

    October 30, 2016 at 6:53 pm #6082

    erikoestergaard
    Participant

    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

    October 30, 2016 at 10:40 pm #6092

    Artem Temos
    Keymaster
    Xtemos team

    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.

    October 31, 2016 at 5:57 am #6093

    erikoestergaard
    Participant

    Brilliant! Thanks

    October 31, 2016 at 6:44 am #6095

    Artem Temos
    Keymaster
    Xtemos team

    You are welcome 🙂

    November 1, 2016 at 5:01 pm #6132

    erikoestergaard
    Participant

    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

    November 1, 2016 at 5:57 pm #6141

    Artem Temos
    Keymaster
    Xtemos team

    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

    November 1, 2016 at 9:25 pm #6151

    erikoestergaard
    Participant

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

    Can you make an effect when hovering the cart icon?

    November 1, 2016 at 10:02 pm #6152

    Artem Temos
    Keymaster
    Xtemos team

    Ok, you can remove this effect with this code

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

    Regards

    November 1, 2016 at 10:14 pm #6153

    erikoestergaard
    Participant

    That didnt work. Take a look:

    November 1, 2016 at 10:22 pm #6154

    Artem Temos
    Keymaster
    Xtemos team

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

  • Author
    Posts
Viewing 30 posts - 1 through 30 (of 57 total)
1 2