Running website question - by irish - on WordPress WooCommerce support

This topic has 26 replies, 3 voices, and was last updated 7 years ago ago by Rose Tyler

  • Avatar: irish
    irish
    Participant
    August 11, 2017 at 13:25

    Hi there!

    On my website i want to change the header type, but it does not work. I already updated the theme.
    See credentials in private content

    Please, contact administrator
    for this information.
    25 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 11, 2017 at 13:33

    Hello,

    Please also update required plugins https://www.8theme.com/download-plugins/page/2/, disable 3-rd party plugins and then check.

    Regards

    Avatar: irish
    irish
    Participant
    August 11, 2017 at 13:45

    Hello Rose,

    1. Okay i did remove everything and install it again. Problem keeps.
    – Homepage header is different than other pages. Other pages are good

    Hopefully you can help me!

    2. And why can’t we download a template form Revolution Slider? Where can we find the templates?

    3. How can i make black row, under the topbar, an other color?

    4. Is it possible to have the menu in fixed header on 1 row?

    5. See topbar (red). Looks like there is an extra row in it beneath the text. How can i remove this so it’s fit correctly?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 14, 2017 at 08:04

    Hello,

    1. Please check settings of Home Page Layout http://prntscr.com/g86zeu
    2. You can download revslider templates here https://revolution.themepunch.com/free-slider-exchange/
    3. Please use this code in Theme Options > Custom css:

    .header-top {
        background-color: red !important;
    }

    4.

    .fixed-header .menu-main-container {
        display: inline-block;
    }

    Regards

    Avatar: irish
    irish
    Participant
    August 14, 2017 at 09:43

    Hi Rose!

    Thanks for your support, it all works!

    Some other question;

    1. How can i give the fonts and icon of “SEARCH” + “WINKELWAGEN” (cart) in topbar a white color?
    2. How can i reduce padding above and under the logo in menu?
    3. See http://www.hcut-ultratrail.com/product/race-80-km/ single product page: can i remove “product description”?
    4. See http://www.hcut-ultratrail.com/product/race-80-km/ single product page: : Is it possible to have a bigger, maybe full width, “add to cart”- button?
    5. See http://www.hcut-ultratrail.com/races/ product overview; How can i edit the color of those “add to cart” buttons like background and font color?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 14, 2017 at 10:09

    Hello,

    You’re welcome!
    1.

    .header-top .header-search .et-search-trigger .fa-search, .header-top .header-search span, .header-top .shopping-cart-widget .shop-text {
        color: white !important;
        font-weight: 400 !important;
    }
    .header-top .header-search .et-search-trigger .fa-search {
        font-size: 15px !important;
        margin-right: 5px;
    }

    2.

    .home .navbar {
        padding: 0;
    }
    .home .page-content {
        margin-top: 10px;
    }

    3.

    .product-navigation {
       display: none;
    }

    4.

    .single-product .product-information .cart button[type="submit"] {
        width: 100% !important;
        margin-top: 20px;
    }

    5.

    .products-grid .btn {
        color: red !important;
        background-color: black;
        border-color: black;
    }

    Regards

    Avatar: irish
    irish
    Participant
    August 14, 2017 at 11:08

    Yeah, perfect!! 😀

    1. See singel product; navigations of image slider is really strange. See print screen: http://www.hcut-ultratrail.com/wp-content/uploads/2017/08/Schermafbeelding-2017-08-14-om-12.03.50.png

    2. See topbar (red). Looks like there is an extra row or somtehing beneath the text. How can i remove this so the topbar is even small?
    2.A. Is it possible to remove the red topbar from mobile?

    3. When adding a product in Cart you’ll get the message “shop further”. This button is black with black font. How can i change this colors?

    4. How can i set Woocommerce in English version?

    5. See footer; is it possible to have all links in white? And the links under “Quick info” a smaller font?

    6. See mobile; can we reduce the padding above the logo?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 14, 2017 at 12:12

    Hello,

    1.

    .single-product .owl-theme .owl-controls .owl-buttons div {
        background: transparent;
    }

    2.

    .top-bar p {
        margin-bottom: 0;
    } 

    and this code in Custom css for mobile:

    .top-bar {
        display: none;
    }

    3.

    .woocommerce-message .button {
        color: white;
    }

    4. http://prntscr.com/g89qk3
    5.

    .main-footer .widget_nav_menu li>a {
        color: white !important;
        font-size:14px;
        padding: 10px 0;
    }
    .main-footer .widget_nav_menu li>a:hover {
        color: red !important;
    }

    6. Please add this code in Theme Options > Custom css > Custom css for mobile:

    .header-logo {
        margin-top: -35px;
    }

    Regards

    Avatar: irish
    irish
    Participant
    August 21, 2017 at 15:17

    Hi Rose,

    Could please check our WPML dropdown widget in the topbar? It’s messed up…

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 21, 2017 at 15:35

    Hello,

    Please try to add this code:

    .top-bar .wpml-ls-legacy-dropdown-click .wpml-ls-flag+span {
        color: black;
    }
    .top-bar .wpml-ls-sidebars-top-bar-right .wpml-ls-sub-menu {
        background: white;
    }

    Regards

    Avatar: irish
    irish
    Participant
    October 25, 2017 at 09:12

    Hello!

    I’ve some questions, hope you can help me 🙂

    1. See website on mobile; where is the translation (flags) option? It is set on the dekstop, but i don’t see it on mobile
    2. See website on mobile; the logo is overlapping the topbar a little, can we fix this?
    3. See website on mobile; there is a lot of white space between the mountains and the first red text. I can’t find it. Do you have any idea how to reduce it?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 25, 2017 at 10:46

    Hello,

    1,2. Add this code in Custom css for mobile:

    .top-bar {
        display: block;
    }
    .header-type-17 .header-top {
        margin-bottom: 35px;
    }

    3. Try to add -100px margin-top in column settings of red text.

    Regards

    Avatar: irish
    irish
    Participant
    October 26, 2017 at 10:56

    Hi Rose!

    Everything worked, but not the wpm flags in the header. Is it possible to set them right of the logo?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 26, 2017 at 11:01

    Hello,

    It is not possible because logo and the wpm flags relate to different blocks.

    Regards

    Avatar: irish
    irish
    Participant
    October 26, 2017 at 11:18

    Oké, but what is normal then? Now there is no switch of languages possible at mobile. Can we set it in the menu then?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 26, 2017 at 12:18

    At first, these flags are not related to our theme. But you may use code that I provided before http://prntscr.com/h28iwk

    Regards

    Avatar: irish
    irish
    Participant
    October 29, 2017 at 10:07

    Hi Rose!

    Can you help me with 1 thing. On a single shop page, there is the add-to-cart button. Now called “in winkelmand”.
    I cannot translate this button anywhere. Tried it with WPML and loco translate. Nothing helped.

    Do you have a solution? It has to be “registreer

    Avatar: MWinchoose
    MWinchoose
    Participant
    October 29, 2017 at 23:20
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 30, 2017 at 09:44

    Hello, @irish,

    Please check now http://prntscr.com/h3se1p

    Regards

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 30, 2017 at 09:44

    Hello, @MWinchoose,

    Done.

    Regards

    Avatar: irish
    irish
    Participant
    October 30, 2017 at 10:04

    Hi Rose!

    Thank you! But how did you do that?
    When i search in String Translation for “winkelmand”or something Dutch, i can’t find anything!
    http://www.hcut-ultratrail.com/wp-content/uploads/2017/10/Schermafbeelding-2017-10-30-om-09.59.09.png

    I would love to hear what i’m doing wrong, and what you did 😀

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 30, 2017 at 10:24

    You’re welcome!
    You need to search “add to cart” in String Translation.

    Regards

    Avatar: irish
    irish
    Participant
    October 30, 2017 at 13:31

    Ah yeah, i see 🙂
    Last question; how can i change ” add to cart” in English then in “register”? I only can change the translations of it

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 30, 2017 at 13:42

    You may use Loco Translate plugin and change the test in English translation to what you need.

    Regards

    Avatar: irish
    irish
    Participant
    October 30, 2017 at 16:28

    Thank you! I finally get it 😉

    1. Othe rquestion; on mobile, when you scroll down, the logo is only visible for 75% in the fixed header. Can we fix this?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 30, 2017 at 16:40

    Hello,

    You’re welcome!
    Please try to add this code in Custom css:

    .fixed-header-area .header-logo {
        margin-top: 0px;
    }

    Regards

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

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

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