Hi!

You can add this on Quick CSS:

.sidebar_left.sidebar {
text-align: left;
}

#top .sidebar_left .widget_nav_menu ul ul li:before {
left: 0;
}

If you want to change the style of a specific element on a certain page or post, you can use the Google Chrome Inspect Element. Look for the unique css body class.

On the example above, the page’s unique selector is .page-id-2251. We can use it to change the element within that page.

.page-id-2251 .sidebar_left.sidebar {
text-align: left;
}

.page-id-2251 .sidebar_left .widget_nav_menu ul ul li:before {
left: 0;
}

Cheers!
Ismael

Hi!

1.) Add this on Quick CSS:

.four.units.single-product-main-image.alpha {
overflow: hidden;
}

2.) Change the price and price per unit font using this:

#top .price span, #top del, #top ins {
font-size: 12px;
line-height: 24px;
}

3.) The code above will change it too.

4.) You can change the color of the related products title using this:

.alternate_color .related.products h2 {
color: blue;
}

Cheers!
Ismael

Hey!

Add this on Quick CSS to move the whole portfolio grid by 10px to the left:

.avia_sortable_active .isotope {
margin-left: -10px;
}

.no_margin.av_one_fourth.first {
padding-left: 10px;
}

Best regards,
Ismael

Hi msfoto!

Please see Peter’s post here https://kriesi.at/support/topic/adding-google-fonts-3/#post-175612

Regards,
Yigit

Hey glozemedia!

Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

.boxed#top { box-shadow: 0 0 5px 3px #888888; }

Best regards,
Yigit

• This reply was modified 12 years, 2 months ago by Yigit.

Hey!

Have you tried flushing browser cache on your iphone? It seems to be working when i resize the window of my browser

Regards,
Yigit

Hey Carsten!

Please add following code to Quick CSS in Enfold theme options under Styling tab

@media only screen and (max-width: 767px) {
.responsive #scroll-top-link {
display: block;
}}

Best regards,
Yigit

Hi!

Please add following code to Quick CSS as well

#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: 16.1%;
}

Best regards,
Yigit

Hi Mattias!

Please refer to this post and set header height to 250 https://kriesi.at/support/topic/change-logo-image-for-scrolled-header/#post-188003
and upload your 250x250px logo in Enfold theme options then add following code to Quick CSS in Enfold theme options under Styling tab center the logo

div .logo { left: 45%; }

You may need to adjust it to center it perfectly

Best regards,
Yigit

Hi eric_peeters!

Please add following code to Quick CSS in Enfold theme options under Styling tab

#top div.product .woocommerce-tabs { padding: 0; }

Best regards,
Yigit

Hi alanperlman!

Please refer to this post https://kriesi.at/support/topic/change-logo-image-for-scrolled-header/#post-188003
Instead of 200, you can use 110-120

Cheers!
Yigit

Hey Minz!

1.) Edit css > shortcodes.css, find this code on line 287 then remove it:

/*iconlist animation*/
.avia_transform .av_font_icon{
opacity: 0.1;
-moz-transform:scale(0.5);
-webkit-transform:scale(0.5);
-o-transform:scale(0.5);
transform:scale(0.5);
}

.avia_transform .avia_start_delayed_animation.av_font_icon{
-webkit-animation: avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
-moz-animation:    avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
-o-animation:      avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
animation:         avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
opacity: 1;
-moz-transform:scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}

2.) Please add this on Quick CSS:

td span.av_font_icon {
position: relative;
top: 7px;
}

Best regards,
Ismael

Hey koballo!

Please refer to Devin’s post here https://kriesi.at/support/topic/issue-with-mobile-view/#post-190081

Cheers!
Yigit