Search Results for 'css'

[Harry]

1.For the issue with responsive text you should heading tag h3, h4 like our demo
2. For issue with meta slider you can add custom css

@media only screen and (max-width: 736px) {
.metaslider .flexslider .caption-wrap h3 { white-space: normal; line-height: 1.3;} 
}

3.I saw you add padding for section so on mobile it view not good. https://monosnap.com/file/90DqESQYMudQZ6kTqwmiYhgtd1R58N#
4. You can add custom css in JanStudio > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 736px) {
.header-sticky .header__mid { top: 0 !important;}
}

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

[tplusm]

Thanks that worked. On the same note, I’ve been trying to override the main-menu on hover color but nothing seems to be working. Can you tell me what CSS class i need to override for the main menu on hover color?

[vifalanghe]

Hi there,

I’m good, thanks! Thanks for your support.

Please, find the answers below:

1. You want to change text color, background color or anything else?

I need to change text color, background & the black bar too. 

2. To translate, you can use Loco Translate or WPML plugin

3. Please use this custom CSS code http://pastebin.com/NK4yhNSM

4. Please use this custom CSS code .result-count-order.bgd { background: red; }

In this code where can I put the RGB color?

That’s perfect, I’ll try all !! Thank you!

Best regards!

[Foster]

Hi,

To hide it, please use this custom CSS code

#jas-backtop { display: none !important; }

You can change to your icons via custom CSS code

Best regards!

[Foster]

Hi there,

Not bad, how about you?

1. You want to change text color, background color or anything else?

2. To translate, you can use Loco Translate or WPML plugin

3. Please use this custom CSS code http://pastebin.com/NK4yhNSM

4. Please use this custom CSS code .result-count-order.bgd { background: red; }

 

Best regards!

[Harry]

Hi,

You can add custom CSS in JanStudio > Theme Option > General Layout > Custom CSS
1. For the text

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

2. The image background you should set cover so it will cover your content. Now you’re the best solution for image background

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

@media only screen and (max-width: 736px) {
 .women-collection h3.right {
  left: 0;
  position: inherit;
  right: 0;
  text-align: center !important;
  top: 0;
  transform: none;
}
.men-collection h3.left {
  left: 0;
  position: inherit;
  right: auto;
  top: 0;
  transform: none;
}
.women-collection h3.right::before, .men-collection h3.left::before { display: none;}
}

Best regards

• This reply was modified 8 years ago by Harry.

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

[knoto]

Hello,

How can I edit the following elements for mobile version only?

 

 

For example in this case, how can I set the scale of the image and size of the text only for mobile?

 

 

 

 

 

 

 

 

 

 

 

And here, where can I edit the css to control the text and image scale?

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Thanks!

[Harry]

4. You need to know PHP to follow this article http://wpbeaches.com/remove-address-fields-in-woocommerce-checkout/ to add code to your child theme or you have to buy this plugin https://woocommerce.com/products/woocommerce-checkout-field-editor/?ref=7

5. Sorry can you explain more clear i don’t understand. You mean the menu doesn’t in a line?

6.7. If you know CSS you can adjust alignment of these block by add custom CSS code in JanStudio > Theme Option > General Layout > Custom CSS

We don’t recommend edit file in theme because in future you update theme your code will lost, you should do your custom code in child theme or in JanStudio > Theme Option > General Layout > Custom CSS

Best regards

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

[Woop]

Harry your support excellent

1,2, 8. You can follow our video to translate theme to your language https://www.youtube.com/watch?v=8rQkm1aGeas ++++

3. You can hide wishlist, search, my account icon by add custom css code in JanStudio > Theme Option > General Layout > Custom CSS +++

 

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

.footer__top .jas-container .jas-row .jas-col-md-3:last-child .widget { float: right;}

Not worked, It is frame

<iframe src=”https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FIBiZA.Odessa%2F%3Ffref%3Dts&tabs=timeline&width=200&height=244&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId&#8221; width=”200″ height=”244″ style=”border:none;overflow:hidden” scrolling=”no” frameborder=”0″ allowTransparency=”true”></iframe>

This is screen http://dropmefiles.com/ySkEV

 

9. Problem because your image don’t have same size the second image on your gallery shorter

 

4. How I can remove this fields from check out .     http://dropmefiles.com/wtTa7

 

5. Why in this menu didnt work mark of location in the site. If you are in page shop, about, and other it didnt mark in footer menu

http://dropmefiles.com/heK9y

7. In which files css or php html I can alight this block

http://dropmefiles.com/FCzfA

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

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

@media only screen and (max-width: 1024px) and (min-width: 801px) {
.header-4 .header__mid .jas-row .jas-col-md-1.jas-col-sm-3,
.header-3 .header__mid .jas-row .hidden-md.visible-sm {
flex-basis: 16.667%;
max-width: 16.667%
}
.header-4 .header__mid .jas-row .jas-col-md-9.jas-col-sm-6,
.header-3 .header__mid .jas-row .jas-col-md-2.jas-col-sm-6 {
flex-basis: 66.667%;
max-width: 66.667%
}
.header-4 .header__mid .jas-row .jas-col-md-9.jas-col-sm-6 .jas-col-md-3.jas-col-sm-12 {
flex-basis: 100%;
max-width: 100%
}

.header-3 .jas-branding {
margin: auto;
}
}

• This reply was modified 8 years ago by Harry.

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