Theme Configuration - by squirrel92 - on WordPress WooCommerce support

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.

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.

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.

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.