Theme Configuration - by squirrel92 - on WordPress WooCommerce support

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

  • Avatar: squirrel92
    squirrel92
    Participant
    March 3, 2016 at 17:50

    I’m trying to implement some of the features from the Legenda demo site to my own and I could use some help:

    How do I add an image to the “single blog post” element using visual composer?

    How do I add an image to the [recent_posts] shortcode? It’s added to my home page?

    How do I recreate the newsletter signup?

    How can I recreate the drop down on the shop menu on the demo site? LINK
    How do I change the logo in the footer?
    How do I change the URL of the social media icons when I use the [share] shortcode?
    How do I remove the side bar from the portfolio and free printables page?
    How do I have the blog page show more than 5 posts per page? http://demo.shaylaclay.com/blog/
    How do I change the add to cart button color on http://demo.shaylaclay.com/shop/ to match how it is on the home page (http://demo.shaylaclay.com)

    7 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 4, 2016 at 10:21

    Hello,

    How do I add an image to the “single blog post” element using visual composer?
    How do I add an image to the [recent_posts] shortcode? It’s added to my home page?

    That image can be added as featured image in post editor page http://prntscr.com/ab03mk

    How do I recreate the newsletter signup?

    To create newsletter signup you need to use “MailChimp for WP” plugin.

    How can I recreate the drop down on the shop menu on the demo site?

    Please read theme documentation how to create menu https://www.8theme.com/demo/docs/legenda/#!/primary_menu

    How do I change the logo in the footer?

    You need to create your own footer as described here https://www.8theme.com/demo/docs/legenda/#!/footer

    How do I change the URL of the social media icons when I use the [share] shortcode?

    To change links in social media icons you need to edit the wp-content/themes/legenda/framework/theme-functions.php file in lines 1496-1510.

    How do I remove the side bar from the portfolio and free printables page?

    Go to Pages > Edit needed page > Select “Without sidebar” in Page layout section http://prntscr.com/ab0bqi

    How do I have the blog page show more than 5 posts per page?

    Go to WP Dashboard > Settings > Reading > change value of “Blog pages show at most” option to your needs.

    How do I change the add to cart button color on http://demo.shaylaclay.com/shop/ to match how it is on the home page (http://demo.shaylaclay.com)

    Please provide us with WP Dashboard credentials in private content.

    Best regards,
    Jack Richardson.

    Avatar: squirrel92
    squirrel92
    Participant
    March 5, 2016 at 05:08

    That image can be added as featured image in post editor page http://prntscr.com/ab03mk

    I added it as a featured image, but the formatting is off on mobile (screenshot below) and the “Latest Posts” text is cut off at the top. Also is possible to make the background color white instead of grey?

    To create newsletter signup you need to use “MailChimp for WP” plugin.

    I have Mailchimp for WP but I want the newsletter to look how it looks in this screenshot:

    Please provide us with WP Dashboard credentials in private content.

    It’s provided

    I also have 2 more questions:

    1) How do I add images to and product categories to my shop page? I want it to look like demo site. LINK

    2) How do I make the menu appear when scrolling down a page as it does on the demo site?

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 7, 2016 at 10:44

    Hello,

    1. To add images to product categories go to Products > Categories > edit a category and upload image in “Thumbnail” section.
    To show product categories on Shop page go to Woocommerce > Settings > Products > Display > Shop Page Display, and select “Show categories and subcategories”.

    2. To get fixed header shown go to Theme Options > General > Fixed navigation > On.

    As for newsletter form I’ve added this code in child style.css file:

    .widget_mc4wp_form_widget {
        background-color: #FFF;
        text-align: center;
        padding: 20px 20px 5px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #dbdbdb;
        position: relative;
        z-index: 2;
    }

    Regarding posts slider I’ve replaced your shortcode with Posts Slider element in Visual Composer editor. Please check it now.

    I’ve added this code for “Add to Cart” button in child style.css file:

    a.button.etheme_add_to_cart_button.product_type_simple:hover {
       color: #d7b873 !important;
    }
    a.button.etheme_add_to_cart_button.product_type_simple {
       color: #000000 !important;
    }

    Clear browser cache and check button color now.

    Best regards,
    Jack Richardson.

    Avatar: squirrel92
    squirrel92
    Participant
    March 11, 2016 at 19:59

    To show product categories on Shop page go to Woocommerce > Settings > Products > Display > Shop Page Display, and select “Show categories and subcategories”.

    How do I change the size of the thumbnail and the number of rows that gets displayed? Mines are showing up as 1 category per row

    As for newsletter form I’ve added this code in child style.css file:

    Can you fix the formating on mobile?

    I’ve added this code for “Add to Cart” button in child style.css file:

    Can you make the add cart button to look like the checkout button on this screenshot (background-color #d7b873)?

    And I have a few more issues questions I need help fixing:

    On mobile is it possible to get the featured image in the center of the page? Here’s a screenshot

    The text is still formatted badly on some posts on mobile. Is there a way to make it always show up beneath the picture?

    Can you update the checkout page so the background isn’t red? I’d like for it to look like the rest of the forms on the site

    Can you set all of the text to black in the body to black? It’s showing up grey in certain areas

    I’ve added my credentials in the private content area

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 11, 2016 at 20:39

    Hello,

    How do I change the size of the thumbnail and the number of rows that gets displayed?

    You can change sizes in Woocommerce > Settings > Products > Display and regenerate thumbnails with the plugin http://wordpress.org/plugins/regenerate-thumbnails/ . Also delete “woocommerce” folder in the directory wp-content/themes/legenda/ and reupload it from the theme package.

    I see newsletter form on mobile like this http://storage2.static.itmages.com/i/16/0311/h_1457724417_3259790_67d08937a0.png . Please specify what mobile device you have this problem on.

    Do you want to change Add to Cart button color on Shop page or single product page?

    Concerning the posts slider add this code in child style.css file:

    @media (max-width: 767px) {.items-slider.posts-slider .post-images {
        float: none !important;
    }}

    Can you update the checkout page so the background isn’t red?

    Add this code in child style.css file:

    .woocommerce-checkout #payment div.payment_box {
        background-color: transparent !important;
        color: black !important;
    }

    Can you set all of the text to black in the body to black?

    Use the following code in child style.css file:

    body {
      color: black !important;
    }

    Best regards,
    Jack Richardson.

    Avatar: squirrel92
    squirrel92
    Participant
    March 11, 2016 at 21:21

    I see newsletter form on mobile like this http://storage2.static.itmages.com/i/16/0311/h_1457724417_3259790_67d08937a0.png . Please specify what mobile device you have this problem on.

    My phone is a Nexus 5x

    Do you want to change Add to Cart button color on Shop page or single product page?

    I want it on both pages

    Concerning the posts slider add this code in child style.css file:

    The title is in the right location now, can you center the image in the center of the screen on mobile?

    To fix the checkout page, Add this code in child style.css file:

    Can you change the color of the red line to match the one above it?

    Avatar: Eva
    Eva Kemp
    Support staff
    March 12, 2016 at 11:39

    Hello,

    I’ve changed Add to Cart button color editing the code in child style.css file to this:

    a.button.etheme_add_to_cart_button.product_type_simple:hover {
       color: #ffffff !important;
    }
    a.button.etheme_add_to_cart_button.product_type_simple, .single-product-page .product-info .single_add_to_cart_button {
        color: white !important;
        background-color: #d7b873 !important;
    }

    Can you change the color of the red line to match the one above it?

    I’ve added this code in child style.css:

    .woocommerce-checkout #payment ul.payment_methods {
        border-bottom: none !important;
    }

    can you center the image in the center of the screen on mobile?

    I’ve added this css code:

    img.post-slide-img {
        width: 100%;
    }

    As for newsletter form I’ve added this code:

    @media (max-width: 480px) {.widget_mc4wp_form_widget input[type="email"] {
           width: 100%;
    }}

    Please check your site now.

    Regards,
    Eva Kemp.

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