Help

Hello,

Questions below;

1) Is there a way to customize the footer styling? (font type, font size, etc)

2) Please see http://www.lanxn.com footer. I would like to position the subscribe button @ the footer widget to place next to the input email box. How to achieve this?

3) Is it possible to have different site width on different pages? I would like to have “content full width” for only the shop page, while the rest of the pages are “full width”.

4) How to add payment logo in the widgets as demo?

5) How to change the styling of the social icons (icon styling and size)?

6) Is it possible to adjust the styling and positioning of the footer widgets more closely together. Please check http://www.lanxn.com. I would like to close the gap between footer widgets.

7) Is it possible to style and edit the checkout/shopping cart page? Please see attached. I would like to add text to the checkout page (Free shipping, 100% Satisfaction Guaranteed,etc). I also would like to know if it is possible to have the product pic displayed in the checkout page, instead of just the product name.

8) How to enable “Ship to another address” at checkout

Best and Thank you

Attachments:

You must be logged in to view attached files.

Hello,

1. Yes, you can change CSS properties of this area with the following CSS code

.footer-container,
.footer-container p,
.footer-container a {
	font-size:16px;
}

2. Try to use this code snippet

.mc4wp-form-fields p {
	display:inline-block!important;
}

3. Sorry, but there is no such ability.

4. Just add a text widget to the footer with the following code

<p><img src="//xtemos3.r.worldssl.net/basel/wp-content/uploads/2015/08/payments.png"></p>

5. What exactly do you mean by “styling”?

6. You can change footer layout in Theme Settings -> Footer.

7. Sorry, but it requires additional code customization.

8. You can configure your shipping option in WooCommerce -> Settings -> Shipping.

Regards

Thank you,

I could not find the “ship to a different address?” option in woocommerce settings shipping. Could you point me to it?

What i meant to the social icon styling is to change the types of social icon (color, circular, size) as listed in https://demo.xtemos.com/basel/social-buttons/

Here is where this option https://gyazo.com/2476c4411f37d04c322d9505b351c690

We suggest you create HTML Block with social buttons element and choose your style. Then place its block widget to the footer.

I have checked the box for default to customer shipping address. But the option to ship to different address is not appearing.

It seems to be a WooCommerce problem. We suggest you read plugin’s documentation for more information or contact their support center if you think that there is some bug in it.

Okay. Will check.

How to enable extra content style for product page?

Like this:
https://demo.xtemos.com/basel/shop/accessories/before-decaf-phone-case/

You can build your extra content with Visual Composer builder in the description field for the product.

thank you,

I am receiving a warning at my dashboard saying one of my page is outdated woocomerce templates. I checked status, and appears error below.

### Templates ###
basel/woocommerce/content-product.php version 2.6.1 is out of date. The core version is 3.0.0

Whats the problem?

Hi,

Update the theme to the latest version.

Regards

I did. But such error still appears.

Cannot contact woocommerce support as I am not a purchased customer. I dont see a place where i can submit a ticket.

Also, In my checkout page, currently, i have “Additional information” instead of “shipping to another address” field. please check attached.

Please help!

Attachments:

You must be logged in to view attached files.

Hello,

This error may appear only in case you have not updated the theme. Be sure that you have downloaded the latest 3.1.1 version and properly updated it.

As for checkout, it seems that you didn’t enable shipping in WooCommerce -> Settings -> Shipping.

Regards

Thank you

I have checked current theme version is 3.1.0. How do I update to latest version?

Best,

To update the theme you need download the latest version on ThemeForest -> Downloads. Then just reupload new theme via Appearance -> Themes but install this plugin firstly https://wordpress.org/plugins/easy-theme-and-plugin-upgrades/
Also, we suggest you make a backup of all your files before any update.

Thank you, It worked.

How to change the sticky header color, instead of just black or white? I would like to change the header text into white while not sticky. But, when sticky header appears, it will turn into black text with white background header. Currently, I am only limited to change only either white or black text with black and white header accordingly. Is it possible to customize the color for sticky header and header as well as the text in header and sticky header?

Try to use this custom code snippet. You will need to upload a different logo image for the sticky header

.main-header.header-has-no-bg.color-scheme-light.act-scroll {
 background-color: rgba(255,255,255,0.9);
}

.main-header.header-has-no-bg.color-scheme-light.act-scroll .main-nav .menu> li > a,
.main-header.header-has-no-bg.color-scheme-light.act-scroll .right-column .header-links li a,
.main-header.header-has-no-bg.color-scheme-light.act-scroll .right-column a {
 color: black;
}

Regards

Thank you,

Please see attached. The “/” between Account and log out in the sticky header did not change according to the color. Would like to follow the same color with the rest.

Could you please help me to make the code for displaying the product picture in the checkout page instead of only displaying the product name?

thanks,

Attachments:

You must be logged in to view attached files.

Try to use this code instead

.main-header.color-scheme-light.act-scroll {
   background-color: rgba(255,255,255,0.9);
}

.main-header.color-scheme-light.act-scroll .main-nav .menu > li > a,
.main-header.color-scheme-light.act-scroll .main-nav .menu > li.menu-item-has-children > a:after,
.main-header.color-scheme-light.act-scroll .right-column .header-links li a,
.main-header.color-scheme-light.act-scroll .right-column .header-links li:after,
.main-header.color-scheme-light.act-scroll .right-column a,
.main-header.color-scheme-light.act-scroll .right-column .amount {
   color: black;
}

.main-header.color-scheme-light.act-scroll .right-column .header-links li a:after,
.main-header.color-scheme-light.act-scroll .right-column .search-button a:after,
.main-header.color-scheme-light.act-scroll .right-column .search-button a:before {
	background-color: rgba(0, 0, 0, 0.5);
}

Could you please help me to make the code for displaying the product picture in the checkout page instead of only displaying the product name? See attached. The Right Column with cart info.

Attachments:

You must be logged in to view attached files.

Sorry, but this request is related to additional code customization that is out of our theme support scope.

Kind Regards

Hello,

1) Is it possible to move the “My Account / Log in” to the far left side of the header?

2) Is it possible to move the categories filter in the shop page to beneath the page title background? (Similar to the attached image of where the “Men” and “Women” is situated with a line separating the product images)

1. Sorry, but there is such option.

2. Please, upload an image less then 512 KB.

1) not even with CSS?

2) Okay- reuploaded

Attachments:

You must be logged in to view attached files.

1. No, since it requires HTML structure changes.

2. You can enable categories menu in the shop page title section in Theme Settings -> Shop -> Shop page layout.

Regards

1) What I meant is if it is possible to move the categories menu in the shop page beneath the page title background similar to the previous attached picture.

2) Is it possible to change the hover animation in the header when hover on menu items to display a underline of the “hovered” item, similar to the effect when hovering “My account / log out” item?

Thanks

1. Sorry, but this will require additional HTML structure changes also.

2. Unfortunately, this animation can’t be applied for the main menu links.

1) Do you offer paid service for additional HTML structure changes?

2) How to change the font type, weight and size for only the title of the Footer widget (not the menu items, only the title of the listed menu items)?

3) Please visit https://www.lanxn.com/. When hovering the cart, the font color of the “checkout” button changes from white to black as I scroll down the page. I would like the “checkout” button font color to stay as white regardless of scrolling. Please see my css code below. This is given by the support team to allow the change of header bg color and header font color for the sticky header and header.

.main-header.header-has-no-bg.color-scheme-light.act-scroll {
   background-color: rgba(255,255,255,1);
}

.main-header.header-has-no-bg.color-scheme-light.act-scroll .main-nav .menu > li > a,
.main-header.header-has-no-bg.color-scheme-light.act-scroll .main-nav .menu > li.menu-item-has-children > a:after,
.main-header.header-has-no-bg.color-scheme-light.act-scroll .right-column .header-links li a,
.main-header.header-has-no-bg.color-scheme-light.act-scroll .right-column .header-links li:after,
.main-header.header-has-no-bg.color-scheme-light.act-scroll .right-column a,
.main-header.header-has-no-bg.color-scheme-light.act-scroll .right-column .amount {
   color: #555555;
}

.main-header.header-has-no-bg.color-scheme-light.act-scroll .right-column .header-links li a:after,
.main-header.header-has-no-bg.color-scheme-light.act-scroll .right-column .search-button a:after,
.main-header.header-has-no-bg.color-scheme-light.act-scroll .right-column .search-button a:before {
	background-color: rgba(0, 0, 0, 0.5);
}

1. Yes, you can contact us via contact form on themeforest account.

2. Here is a code snippet to change this font

.footer-widget .widget-title {
	font-size:22px;
  	font-weight:normal;
}

3. And the fix for this also

.main-header.color-scheme-light.act-scroll .right-column .widget_shopping_cart .checkout {
	color: white;
}

.main-header.color-scheme-light.act-scroll .right-column .widget_shopping_cart .button:hover {
	color: white;
}

Thank you.

1) please compare https://www.lanxn.com/shop/ and https://www.lanxn.com/leather/ ;is it possible to move the page header with background to position as the same level as the revolution slider header appears in “https://www.lanxn.com/leather/“. Or Vice Versa (Position slider of https://www.lanxn.com/leather/ to directly beneath the menu header.) The gap is too big right now.

Just add some negative top margin for the row containing this slider to compensate this gap.

[Author]

Posts