Search Results for 'css'

[Harry]

Hi,

1. For the font family you can change in Theme Option > Typography

2. You can use plugin https://wordpress.org/plugins/svg-support/

3. you can add custom css

.jas-action .sf-open { display: none;}

4. You can customize Checkout page you can copy files from “your_wordpress > wp-content > plugins > woocommerce > templates > checkout” to “gecko-child > woocommerce > checkout”

5. You need upload the images have dimension fit with your layout (min-width is :570px)

6. I helped you update permalink

https://monosnap.com/file/1Kys30ycMW1YiDmJr6R1BLWZnSGltd#

7. You can add custom CSS

.woocommerce-order-received .woocommerce h2, .woocommerce-order-received .woocommerce .shop_table.order_details   { display: none;}

8. You can add custom CSS

.entry-summary .social-share { display: none;}

9. Because your images have different dimension it get the biggest size of images to generate layout https://monosnap.com/file/06luUm6qHyJkbGoimx1ITFxQhkxGyz#

10. It’s in theme.js and don’t support translate, let us find a solution for this text.

11. You can add custom css

.woocommerce-MyAccount-navigation ul li::before { display: none;}

12. You can add custom CSS

.page-head a {
color: #fff;
}

.page-head a:hover {
color: #b59677;
}

Change #fff and #b50677 with your color

13. I checked your site but do not see white space around slider. Did you fix?

14. Pls don’t edit css in parent theme because when you update parent theme your custom code will be remove, you should add custom code in Theme Option or on child theme

For this case you need revert css code for member and use Visual Composer add 3 cols, insert image to center columns and left, right column let it empty

15. You can ask support from plugin author

16. You can change social in JanStudio > Theme Option > Social Network

 

 

 

 

 

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Woop]

This reply has been marked as private.

[Harry]

Hi,

5. You can add custom css

#jas-footer-menu li.current-menu-item a { color: #b59677;}

6.7 Let us know we will take a look and help you solve.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Woop]

This reply has been marked as private.

[Harry]

Hi,

Thank you for your rate!

1. I helped you remove gray bar

2. I checked and saw still have padding on this section

https://monosnap.com/file/IYD9GSFXoUR2eXnHPnb34yly268DHp#

3. You can add custom code in JanStudio > Theme Option > General Layout > Custom CSS

.ypop-modal .ypop-wrapper a.close { background-color: rgba(255, 255, 255, 0.8); background-image: none; }

.ypop-modal .ypop-wrapper a.close::after { color: #3e3e3e; content: “‘\e680”; font-family: “Pe-icon-7-stroke”; font-size: 30px; line-height: 30px; position: absolute; right: -2px; top: 0; }

And change #3e3e3e with your color.

Best regards

 

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[chaos_undefined]

Hi,

1) How can I customize user dash board/ my account page?

• I want to add some CSS  to make it look good in accordance to our theme. At the moment its just a default presentation I guess.
• I want to add a document tab (as in a link in the side menu) so that user can upload documents (.pdf or .jpg) in their profile.
• I also want to add feature which says that the user is verified after the documents have been verified.

2) Where is .php file for this page located? Can I edit it to add some forms in it?

Thanks

[knoto]

Hi Harry,

1.I followed your instructions to the letter and at the end, when I activate the Gecko child, the following message appears…

I also want to insert the cart / bag button just by the changing language flags.

Ideally the header will look like this… in the red box the cart button and in the blue one the changing language feature.

2. When I try to update the theme, it says that “Updating this theme will lose any customizations you have made. ‘Cancel’ to stop, ‘OK’ to update.”

Does it means that if I update it I will basically have a raw template again?

 

3. I want to use Media Queries for different device widths, in order to control the size and spacing of the text when it comes to smaller screens…

e.g.

I think it’s something like this…

[code]

@media only screen and (max-width: 768px) {
b {
font-size: 20px;
}
}

@media only screen and (max-width: 320px) {
b {
font-size: 10px;
}
}

[/code]

4. And in addition to this, I want to set the same rule for this meta slider

I tried to fix it with the css that you gave me…

[code]

@media only screen and (max-width: 736px) {

.metaslider .slides img {
height: 120px;
}

}

[/code]

Changing the height value, is there a better way to do it?

So the height of the meta slider changes depending of the width of the screen…

 

Thanks in advance!

[Harry]

You can add custom CSS code in JanStudio > Theme Option > General Layout > Custom CSS

1. Change mini -cart

.jas-push-menu h3 { background: #000; color: #fff; }

Change #000 and #fff with your colors

2. Hot & New badge

.badge span { background: #f68e56; }

.badge .new { background: #4eb0be; }

Change #f68e56 and #4eb0be with your color

3. Page title background

.page-head:before { background: rgba(0, 0, 0, 0.4) ; }

Change 0,0,0 with your as R,G, B color and 0.4 as opacity from 0 to 1.

Best regards

 

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi,

1. I corrected code on your site, and now you can check

@media only screen and (max-width: 736px) {
.pa-center h1 span {font-size: 36px !important;}
.pa-center h6 span {font-size: 14px !important; letter-spacing: 1px;}

.metaslider .flexslider .caption-wrap h3 { white-space: normal; line-height: 1.3; font-size: 14px;}
}

2. You can add custom css

@media only screen and (max-width: 736px) {

.metaslider .slides img {
height: auto;
}

}

Best regards

 

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hello Knoto,

1,2. You can add custom CSS code

@media only screen and (max-width: 736px) {
.pa-center h1 span {font-size: 36px;}
.pa-center h6 span {font-size: 14px; letter-spacing: 1px;}.metaslider .flexslider .caption-wrap h3 { white-space: normal; line-height: 1.3; font-size: 14px;}
}

3. Custom CSS code

.metaslider .flexslider .caption-wrap .caption { white-space: normal; padding: 0 30px; }

4. You can remove social icon by add custom css

.social-share .jas-social a.facebook,

.social-share .jas-social a.twitter,

.social-share .jas-social a.google-plus,

.social-share .jas-social a.pinterest,

.social-share .jas-social a.tumblr{

display: none;

}

If you want keep any social icon you can remove code.

Best regards

 

 

 

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio