Question webshop furniture - by irish - on WordPress WooCommerce support

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

  • Avatar: irish
    irish
    Participant
    December 5, 2016 at 16:14

    Hi there!

    See private content:

    1. I added the Neucha font for the headings but it does not work. Like on the homepage i added a H1 and H2 text but it’s not the hand written font like in the menu. What do i do wrong?

    Thanks!

    Please, contact administrator
    for this information.
    57 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    December 5, 2016 at 17:03

    Hello,

    Please add this code in Global Custom CSS:

    h1, h2 {
        font-family: Neucha;
    }

    Regards,
    Eva Kemp.

    Avatar: irish
    irish
    Participant
    December 6, 2016 at 11:34

    Hi Eva,

    Great, thanks!

    1. See single product page: http://studioxpoos.nl/product/speeltafel-stoeltjes-div-kleuren/
    How can i make the “add to cart” button an other color + the hover color?

    2. See single product page: http://studioxpoos.nl/product/speeltafel-stoeltjes-div-kleuren/
    Is it possible to make the text from the “Add ons” like; “Tafel formaat”/”kleur stoeltje”… a little bit smaller

    3. See single product page: http://studioxpoos.nl/product/speeltafel-stoeltjes-div-kleuren/
    How can i remove the “add to cart” buttons under the related products?

    4. How can i edit the fonts for the menu, when scrolling down? I want the same font as normal.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 6, 2016 at 11:46

    Hello,

    Try to add this code in Custom CSS:
    1.

    .single_add_to_cart_button.etheme-simple-product.button {
        background-color: blue;
    }
    .single-product .single_add_to_cart_button:hover {
        background-color: red !important;
    }

    2.

    .single-product h3.addon-name {
        font-size: 18px;
    }

    3. Could you, please, provide me screenshot for better understanding?
    4.

    .menu > li > a {
        font-family: Neucha;
        font-size: 20px;
        font-weight: 700;
    }

    Regards,
    Rose Tyler.

    Avatar: irish
    irish
    Participant
    December 6, 2016 at 12:01

    Hi Rose,

    Woah that’s quick! Thanks :). Worked all…

    1. See single product page like: http://studioxpoos.nl/product/bed-90×200-lynn-witnaturel/
    i added Cross selling products. Normally they are shown in the sidebar but now they don’t. What do i do wrong?

    2. You give me the CSS for the background color of the Add to cart Button of the single product page. Can you also give me the CSS for the color font? I want that text black of the button 🙂

    3. See shop page: http://studioxpoos.nl/product-categorie/tieners/
    When hovering a product image, the links for quick view and wishlist are showing. But as you can see it’s nog high enough to show the link for the quick vies. What can i do about this?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 6, 2016 at 14:04

    Hello,

    1. As I see, you set only up-sells products http://prnt.sc/dg0ku8 and they display in single product sidebar http://prntscr.com/dg0kzo
    2. Try to add into previous code color:black; http://prnt.sc/dg0g6e
    3.

    .woocommerce-page .footer-product .show-quickly {
        padding: 0;
        width: 10%;
    }

    Regards,
    Rose Tyler.

    Avatar: irish
    irish
    Participant
    December 6, 2016 at 15:44

    Hi Rose,

    thank you again!
    But the css for the quick view don’t work.

    1. How can i edit the color of the topbar?
    2. Where can i remove the translation adds in the header like EN/DU/€
    3. How can i edit the padding between the topbar and header + header and menu? Now i think there’s too much white space
    4. See homepage: where can i remove the Revolution slider code? Can’t find it

    5. I was trying to add product in cart but nothing happend. It’s not working. What do i do wrong?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 6, 2016 at 16:33

    Hello,

    Try to change previous code for quick view to

    .woocommerce-page .footer-product .show-quickly {
        padding: 0;
        width: 23%;
        font-size: 10px;
    }
    .woocommerce-page .footer-product a {
        font-size: 10px !important;
    }

    1. Please add this code in Custom CSS:

    .header-type-7 .top-bar {
        background-color: black;
        color: white;
    }
    .header-type-7 .top-bar a {
        color: white;
    }

    2. To remove translation icons go to Appearance > Widgets > add Text widget with your content to “Left Side top bar area”.
    3.

    .navbar {
        padding: 10px 0;
    }

    4.

    .page-heading-slider {
        display: none;
    }

    5. Please see screenshot http://prntscr.com/dg2l8p

    Regards,
    Rose Tyler.

    Avatar: irish
    irish
    Participant
    December 12, 2016 at 16:17

    Hi Rose!

    Where do i find the Visual Composer license code?

    Avatar: Eva
    Eva Kemp
    Support staff
    December 12, 2016 at 20:43

    Hello,

    You don’t need Visual Composer license. All plugins are external extensions which are included into theme because for each product we purchase “Extended license” and that’s why we are able to include it into them. This plugin works fine without activation and you can always get actual version if you want directly from us. The plugins can be downloaded from this link https://www.8theme.com/download-plugins/ . We update plugins with theme updates from time to time so plugins will be also updated with each next theme update. The option with registering of the plugins has been already added to plugin and this only allows you to get automatic updates and support for this plugin directly from an author if you need. You don’t need to register this product because it is not required but if you want to get those features, then you need to purchase this plugin directly from the author. This is how it works for all themes on Themeforest and not only in our case.

    Regards,
    Eva Kemp.

    Avatar: irish
    irish
    Participant
    December 19, 2016 at 16:00

    Hello!

    1. See footer: How can i make the text that’s under the title “information” and “Producten’ bigger?
    2. See footer: how can i make the line under the title of the blocks white?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 19, 2016 at 16:20

    Hello,

    1. Try to write font size in text block settings for ul http://prnt.sc/dlc1xs
    2. Please add this code in Custom CSS:

    footer .widget-title {
        border-color: white !important;
    }

    Regards,
    Rose Tyler.

    Avatar: irish
    irish
    Participant
    December 20, 2016 at 10:31

    Hi Rose,

    1. See Topbar; how can i edit the color of the text “login and my account” in white? And some bigger?
    2. Is it also possible to have a link to the wishlisht next to login?
    3. How can i remove the categories in the shop page, those who stand above the product title in the overview? Also the same at the homepage.
    4. In a product page like: http://studioxpoos.nl/product/combiflex-halfhoog-boomhutbed/ I used the social icons. It it possible to make this bigger?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 20, 2016 at 10:56

    Hello,

    1. Please add this code in Custom CSS:

    .header-type-7 .top-bar a {
        color: white;
        font-size: 12px;
    }

    2. You can add Wishlist link in Appearance > Widgets > Side top bar area (add your content in Text widget).
    3. Go to Theme Options > Products Page Layout and disable Show product categories.
    4.

    .single-product .menu-social-icons i {
        width: 34px !important;
        height: 34px !important;
        font-size: 20px;
        line-height: 34px;
    }

    Regards,
    Rose Tyler.

    Avatar: irish
    irish
    Participant
    December 20, 2016 at 11:01

    Hi Rose,

    3: Okay understand but what is the code for “login/logout”? Because that’s not a normal link or something :).

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 20, 2016 at 11:15

    Hello,

    In this case, you can edit \wp-content\themes\royal\headers\parts\top-bar.php file and add Wishlist link there.
    Also, we recommend you to make all changes in the Child Theme.
    https://codex.wordpress.org/Child_Themes

    Regards,
    Rose Tyler.

    Avatar: irish
    irish
    Participant
    January 10, 2017 at 11:35

    Hello!

    Is it possible to remove the categories in the shop? I mean, the orange categorie name that’s above the product name in the overview.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 10, 2017 at 11:42

    Hello,

    Please add this code in Custom CSS:

    .products-page-cats {
        display: none;
    }

    Regards,
    Rose Tyler.

    Avatar: irish
    irish
    Participant
    January 10, 2017 at 11:51

    Perfect!

    Other question: How can i change the order of categories in shop?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 10, 2017 at 12:00

    Hello,

    Please see screenshot: http://prntscr.com/dtrcy4

    Regards,
    Rose Tyler.

    Avatar: irish
    irish
    Participant
    January 10, 2017 at 12:24

    Hi Rose,

    1. Thanks! Can i make all “titles” in de shop sidebar a other colour and thickness so it’s more clear that you have to chose something here.

    2. http://studioxpoos.nl/winkel/ See the dropdown of the filters. Can i be for the whole width so you can read the text?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 10, 2017 at 13:04

    Hello,

    Please add this code in Custom CSS:

    .sidebar.col-md-3 .widget-title {
        font-weight: 600;
        color: black;
    }
    .sidebar-widget .dropdown_layered_nav_soort-bed {
        width: 100%;
    }
    .sidebar-widget .dropdown_layered_nav_soort-kast {
        width: 100%;
    }

    Regards,
    Rose Tyler.

    Avatar: irish
    irish
    Participant
    January 12, 2017 at 09:56

    Hello,

    Hope you can help me. See shop page: http://studioxpoos.nl/winkel/. All the product images have a different dimension. Altought, i have set in Woocommerce setting to crop the images “hard”. Also i have regenerate the thumbnails. But still the dimensions are different.

    What can i do? En what dimension do you recommend?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 12, 2017 at 15:05

    Hello,

    As your original images have different sizes they will be shown differently. You can add this code

    .product-content-image img {
        height: 180px !important;
    }

    or upload original images with similar dimensions approximately 1,425px × 1,900px so they have high resolution.
    http://prntscr.com/dupdw8

    Regards,
    Rose Tyler.

    Avatar: irish
    irish
    Participant
    January 24, 2017 at 18:28

    Good evening!

    1. See topbar: how can i make SIGN IN white? And where is the link to MY ACCOUNT?
    2. See a product page. When i added cross products in the backend, where are they showing?
    3. Can you recommend a calendar module with your theme?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 25, 2017 at 13:24

    Hello,

    1. Try to use this code in Custom CSS:

    .header-type-7 .top-bar a {
        color: white;
    }

    http://prntscr.com/e04dm4
    2. Cross-sells are products that you promote in the cart, based on the current product.
    https://docs.woocommerce.com/document/related-products-up-sells-and-cross-sells/
    3. Try to use this plugin https://wordpress.org/plugins/the-events-calendar/

    Regards,
    Rose Tyler.

    Avatar: irish
    irish
    Participant
    January 31, 2017 at 12:47

    Hello!

    1. See footer: How can i get the border around the “WhatsApp icon” white?
    2. See footer: Is it possible to have the “WhatsApp area” more above? I already tried some row padding but it wouldn’t help me.
    3. See header menu; how can i change the hover-color?
    4. Is it possible to arrange the products in shop page?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 31, 2017 at 13:11

    Hello,

    Try to use this code in Custom CSS:

    .address-company {
        border-color: white;
    }
    footer .vc_icon_element {
        margin-bottom: 15px;
    }
    .header-type-7 .menu-wrapper .menu > li > a:hover {
        color: #ff8800;
    }

    Regards,
    Rose Tyler.

    Avatar: irish
    irish
    Participant
    January 31, 2017 at 13:19

    Jeeeeij perfect!

    1. Sorry but the CSS for making the the “my account/login” text in the header white, is not working 🙁
    2. See footer: Can i change the padding between “WhatsApp are” and bottom white line?
    – Padding between address and bottom black line?
    – Can i make that bottom black line, also white?

    3. When hovering the cart, can i make the checkout button orange in stead of black?

    4. on page: http://studioxpoos.nl/winkelmand/ Can i color the button “to checkout?”
    5. Is it possible to arrange the products in shop page?
    6. on this page: http://studioxpoos.nl/klantenservice/ when you fill in the form at the bottom of the page, the fields are not big enough. It’s a contact form 7 form.

    7. I updatend the Po en Mo files in the wp.config map of the root but now the code: $locale=‘nl_NL’; is showing on top of the page? What do i do wrong?
    – edit: i removed the code: $locale=‘nl_NL’; but it’s still showing when i want to upload a plugin or something. I see then a white page with the code. Really strange

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 31, 2017 at 16:12

    Hello,

    1. Change your code http://prntscr.com/e2pd0d http://prntscr.com/e2pdfx
    2. Try to change margin value there http://prntscr.com/e2pg6c

    .copyright-3, .copyright {
        padding-top: 0;
    }
    .copyright-3 .container .row-copyrights {
        border-color: white;
    }

    3.

    .widget_shopping_cart_content .bottom-btn a {
        background-color: orange;
    }

    4.

    .cart-collaterals .checkout-button {
        background-color: orange;
    }

    6.

    div.wpcf7 label {
        width: 100%;
    }
    div.wpcf7 label input {
        width: 100%;
    }
    div.wpcf7 textarea {
        width: 100%;
    }

    Could you give FTP credentials to check this issue?

    Regards,
    Rose Tyler.

  • 1 2
    Viewing 30 results - 1 through 30 (of 58 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.