Hey!

Sorry for the late reply!
Please add following code to Quick CSS in Enfold theme options under General Styling tab

li#menu-item-1472 { background-image: url(https://eyeverify.com/wp-content/themes/enfold/custom/googleplay.png)!important; height: 40px; background-repeat: no-repeat; }
li#menu-item-1471 { background-image: url(https://eyeverify.com/wp-content/themes/enfold/custom/appstore.png)!important; height: 40px; background-repeat: no-repeat; }
li#menu-item-1472 a, li#menu-item-1471 a { opacity: 0; } 
#top #wrap_all .social_bookmarks a { background-color: white; color: #82141D!important; border-radius: 20px; }

Regards,
Yigit

Sveika! :)

Labas rytas Renata. So sorry for the late reply!
1&2 – Yes, they will be safe as long as they are in Quick CSS field. If you have added the codes in Custom.css file inside Enfold/Css folder, they will be overwritten.
3- When you choose to use the layout you have created in Enfold theme options > Blog Layout, it would be used on blog overview page. It is not possible to use ALB while creating posts.
4- Please see – http://codex.wordpress.org/Using_Permalinks#Fixing_Permalink_Problems
5- Seems like you have chosen to display transparent header on your blog post. Please edit it and choose to display “no transparency” under Layout section – http://i.imgur.com/0FnUmr3.png

Iki!
Yigit

Hi!

Thank you for using the Enfold theme.

Regarding the logo, please adjust the height of the header on Enfold > Header Layout > Header layout > Header Size. Set the setting to custom pixel value. Adjust the height to 156px. This will automatically adjust the width of the logo.

On the hotspot element, when you add an image via the Add Media button, the image will be added on the tooltip not on the hotspot number.

Cheers!
Ismael

Hey!

Thank you for the update.

I’m sorry but it just wouldn’t work if the logo images have different sizes. Please place the logo images on a canvas with the same dimension or size before uploading them. On the Enfold theme demo ( http://kriesi.at/themedemo/?theme=enfold ), right before the footer section, all logo images have the same dimension.

Best regards,
Ismael

Hey!

Please turn on Custom CSS field for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and give your hotspot element a custom CSS class ( i.e. my-image ) and then add following code to Functions.php file in Appearance > Editor

function add_custom_script(){
?>
<script>
jQuery(window).load(function(){
if ( jQuery("div").hasClass("my-image") ) {
  jQuery(".my-image").attr('id','my-image-id') };
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

It will give an ID #my-image-id to your “my-image” hotspot element

Regards,
Yigit

Hey!

Please firstly turn on custom CSS field for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and give your textblock a custom CSS class then add following code to Quick CSS in Enfold theme options under General Styling tab

.avia_textblock.custom-class {
background-color: red;
padding: 10px;
}
.avia_textblock.custom-class a { color: white; }
.avia_textblock.custom-class:hover {
background-color: orange;
}
.avia_textblock.custom-class:hover a { color: green; }

Regards,
Yigit

Hey Denis!

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

@media only screen and (max-width: 1340px) {
#top .widget_nav_menu ul ul li a { width: 100px; }}

Regards,
Yigit

Hi aspectgroup!

You can use menu item ID’s in your code as following

li#menu-item-220:hover a {
background-color: red!important;
color: white!important;
border-color: orange!important;
}

Please add the code above to Quick CSS in Enfold theme options under General Styling tab. You can right click on Chrome or Firefox to inspect elements to find ID’s http://i.imgur.com/HyPTCRg.jpg

Best regards,
Yigit

Hallo Johannes!

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

.grid-entry .inner-entry {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.grid-entry .inner-entry:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}

This code will make portfolio grid elements grayscaled. Please also note that it may not be cross browser solution.

Best regards,
Yigit

Hey Gekko101!

1- Please go to Enfold theme options > Blog Layout and uncheck unwanted meta under “Blog meta elements”. You can also add following code to Quick CSS in Enfold theme options under General Styling tab

.date-container, .text-sep-date, .text-sep-cat, .blog-author {
display: none;
}

2-

.small-preview { width: 100px; height: 100px; }
.multi-big .post_author_timeline, .single-small .post_author_timeline { left: 50px; }

Last line of code should be adjusted according to width and height

Cheers!
Yigit

Hey!

Please feel free to request such feature or vote if already requested here – https://kriesi.at/support/enfold-feature-requests/

Cheers!
Yigit

Hi Frank!

Please turn on custom CSS field for ALB elements (http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/), give a custom class to your table and then add following code to Quick CSS in Enfold theme options under General Styling tab

.custom-class tr.avia-pricing-row td:first-child {
background: red;
}
.custom-class tr.avia-pricing-row td:first-child h3 {
color: white;
}
.custom-class tr.avia-pricing-row td:nth-child(2) { 
background: blue;
}
.custom-class tr.avia-pricing-row td:nth-child(2) h3 {
color: orange;
}
.custom-class tr.avia-pricing-row td:nth-child(3) { 
background: green;
}
.custom-class tr.avia-pricing-row td:nth-child(3) h3 {
color: yellow;
}

Best regards,
Yigit

Hey DuriaGlobal!

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

#top #payment .terms { padding: 0; text-align: left; position: relative; top: -65px; }

Best regards,
Yigit

Hey Yuniyuni!

Yes it is possible. Please add following code to Quick CSS in Enfold theme options under General Styling tab

@media only screen and (max-width: 1024px) and (min-width: 768px) {
.av-main-nav > li > ul {
height: 500px;
overflow: hidden;
overflow-y: scroll;
}}

It will make the height of dropdown menu 500px on screens smaller than 1024px and it will be scrollable

Cheers!
Yigit

Hi Larry!

Please firstly turn on Custom CSS field for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and give your image a custom CSS class. Then add following code to Quick CSS in Enfold theme options under General Styling tab

.custom-class { margin-bottom: -100px!important; }
#footer { z-index: 0; }

Regards,
Yigit

Hey Nathan!

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

dl {
border: none!important;
}

Regards,
Yigit

Hey Micheal0424!

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

@media only screen and (min-width: 1140px) { 
.page-id-22 .top_tab .tab { padding: 12px 25px 14px 24px; }}
.tab_inner_content h3 { text-align: center; }

Cheers!
Yigit