Search Results for 'css'

[hostingames]

This reply has been marked as private.

[Harry]

Hi,

Please add custom css code to Claue > Theme Option > General Layout > Custom CSS

body, .jas-menu > li > a, .f__pop {
	font-family: "JF Flat";
}

Best regards

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

[hostingames]

This reply has been marked as private.

[tsk]

hello

 

i need to center a slideshow. i need to know what to put in the extra class name and the css for the editor. can you help me? thanks. andrew

[Harry]

Hi Marjolein,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

.shop-top-sidebar .widget ul li.current-cat > a {
	color: #c9a96e;
}

Best regards

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

[Harry]

Hi Rahim,

Sorry because inconvenience.

It now can’t change link of Continue Shopping button, it only way to hide this button by add custom css

.cart__popup-action { display: inline-block; width: 100%;}
.cart__popup-action a:first-child {display: none;}
.cart__popup-action a.checkout-button {float: right;}

Best regards

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

[Harry]

Hi Shayo,

1. For header top background color please go to JanStudio > Theme Option > Color Scheme > change header background color

2. For background of copyright text please add custom css code in JanStudio > Theme Option > General Layout > Custom CSS

.footer__bot {
	background: red;
	position: relative;
z-index: 10;
}

Best regards

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

[adampreuss]

great, works.

But what still not looks good is the slider text in rotated horizont mode.

in normal mode you css brought it to correct size.

which css I have to use for good text in horizontal view?

here is my whole actual css coding in theme settings:

.header-5 .jas-branding {

padding: 0;

}

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

.jas-navigation.hidden-sm { display: inline-block;}

}

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

.jas-menu > li:not(:first-child) {margin-left: 25px;}

.jas-menu li {font-size: 12px;}

}

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

.jas-menu > li:not(:first-child) {margin-left: 15px;}

.jas-menu li {font-size: 11px;}

}

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

.jas-menu > li:not(:first-child) {margin-left: 10px;}

.jas-menu li {font-size: 8px;}

}

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

.jas-menu > li:not(:first-child) {margin-left: 8px;}

.jas-menu li {font-size: 8px;}

}

.blog .page-head { margin-bottom: 60px;}

.metaslider .flexslider .flex-direction-nav li a.flex-prev,

.metaslider .flexslider .flex-direction-nav li a.flex-next {

outline: none;

padding: 0;

overflow: hidden;

top: 50%;

margin-top: -23px;

width: 40px;

height: 40px;

z-index: 8;

background: #b59677;

background-image: none;

border: 1px solid #fff;

-webkit-transform: rotate(45deg);

-ms-transform: rotate(45deg);

-o-transform: rotate(45deg);

transform: rotate(45deg);

text-shadow: none;

}

.metaslider .flexslider:hover .flex-direction-nav li a.flex-next {

right: 30px;

}

.metaslider .flexslider:hover .flex-direction-nav li a.flex-prev {

left: 30px;

}

.metaslider .flexslider .flex-prev:hover,

.metaslider .flexslider .flex-next:hover {

opacity: 1;

}

.flex-direction-nav .flex-prev:before,

.flex-direction-nav .flex-next:before {

font-family: ‘Pe-icon-7-stroke’;

font-size: 36px;

color: #fff;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

text-indent: 0;

display: block;

line-height: 36px;

-webkit-transform: rotate(-45deg);

-ms-transform: rotate(-45deg);

-o-transform: rotate(-45deg);

transform: rotate(-45deg);

}

.metaslider .flexslider .flex-direction-nav li .flex-prev {

left: 30px;

}

[dir=’rtl’] .metaslider .flexslider .flex-direction-nav li .flex-prev {

right: 30px;

left: auto;

}

.metaslider .flexslider .flex-direction-nav li .flex-prev:before {

content: ‘\e686′ !important;

}

[dir=’rtl’] .metaslider .flexslider .flex-direction-nav li .flex-prev:before {

content: ‘\e684′ !important;

}

.metaslider .flexslider .flex-direction-nav li .flex-next {

right: 30px;

}

[dir=’rtl’] .metaslider .flexslider .flex-direction-nav li .flex-next {

right: auto;

left: 30px;

}

.metaslider .flexslider .flex-direction-nav li .flex-next:before {

content: ‘\e684′ !important;

}

[dir=’rtl’] .metaslider .flexslider .flex-direction-nav li .flex-next:before {

content: ‘\e686’ !important;

}

.jas-mini-cart .woocommerce-mini-cart__buttons img {max-width: 300px; margin-top: 10px;}

.wc-proceed-to-checkout a {font-size: 14px;text-align: center;display: block;}

.wc-proceed-to-checkout .wcppec-checkout-buttons__separator {margin: 0;}

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

.vc_row.vc_custom_1513989788010 { padding-top: 50px !important; padding-bottom: 50px !important; }

.vc_row.vc_custom_1513989788010 h2..fs__50 { font-size: 20px;}

}

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

.metaslider .slides img {height: 200px !important;}

.metaslider .flexslider .caption-wrap h4 font {font-size: 11px;}

}

.post-info .post-author, .post-info .post-time {display: none;}

.post-meta, .posted-on { display: none;}

.single-post .entry-date, .single-post .entry-date + .pr {display: none;}

[Harry]

Hi,

You can hide this tab by uncheck in “Visible on the product page” field http://take.ms/PlEk8 or add custom css code in Claue > Theme Option > General Layout > Custom CSS

.additional_information_tab, #tab-additional_information { display: none !important;}

Best regards

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

[adampreuss]

Happy new year harry!

I have one issue left with this topic:

on smartphone(iphone safari) the menu now also looks good. but when the screen is turned to horizontal then the menu line gets bigger and shows two lines.
Do you have a CSS code for me to fix this?
Thanks in advance.

 

Adam