Hi!

You can try something like this:

.grid-sort-container .grid-entry:hover img {
    visibility: hidden;
}

.grid-sort-container .grid-entry:hover article:before {
    content: '';
    display: block;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 300px;
    position: absolute;
    top: 0;
    left: 0;
}

.grid-sort-container .grid-entry:hover article:before {
       background-image: url('http://staging.holborn.ca/wp-content/uploads/projects/littleMountain-logo-495x400.jpg');
}

We hid the actual image on hover and then replace it with a pseudo container. We then applied the image as background to this container. This will affect the first portfolio item because we use the nth child selector. http://www.w3schools.com/cssref/sel_nth-child.asp

Example, for the 2nd item:

.grid-sort-container .grid-entry:nth-child(2):hover article:before {
       background-image: url('http://staging.holborn.ca/wp-content/uploads/projects/ellison-logo-495x400.jpg');
}

Cheers!
Ismael

Hey!

The layer slider panel in your installation exhibits the same error that we found here: https://kriesi.at/support/topic/layerslider-not-working-5/#post-583136

Cheers!
Ismael

Hi!

I can’t reproduce the issue as well. Could you please provide a screenshot? And may I suggest a little tweak to the css code. This is for the “Ontap” menu:

.html_header_top.html_bottom_nav_header #top #header .av-main-nav>li>a:before {
    background-repeat: no-repeat;
    content: '';
    height: 77px;
    display: inline-block;
    float: left;
    width: 100%;
}

.html_header_top.html_bottom_nav_header #top #header .av-main-nav>li.on-tap>a:before {
    background-image: url('../images/icons/drop.svg?1452678688');
    background-position: 50% 100%;
    background-size: contain;
}

Previous css declaration is pointed to all li’s link tag.

Best regards,
Ismael

Hi!

The theme doesn’t have a grid / list toggle by default so you’re probably using another plugin for it. The grid is using the default woocommerce template so the badges is working there. Ask the developer of grid / list toggle plugin for the template file that they use to create the “list” view.

UPDATE: This could also be a css issue. Adding this css code displays the badge but it took away the thumbnails:

#top div .product_on_sale .inner_product_header {
    position: relative;
}

Best regards,
Ismael

Hi!

Use this css code:

.alternate_color.light_bg_color.title_container {
    background-color: red;
}

.alternate_color .breadcrumb, .alternate_color .breadcrumb a, #top .alternate_color.title_container .main-title, #top .alternate_color.title_container .main-title a {
    color: yellow;
}

Adjust the color values as you please.

Best regards,
Ismael

Hey!

The search page is automatically created when there’s an existing file called search.php. You can ignore the errors but you have to disallow crawlers to index those pages. Example: https://kriesi.at/support/topic/links-to-404-pages/#post-588813

Regards,
Ismael

Hi!

Please add this in the Quick CSS field:

.wcv-datepicker-calendar.bottom {
    top: -50px;
    left: 1px;
}

Cheers!
Ismael

Hi,

Ok, great. Please let us know if you should have any more problems on the topic.

Regards,
Rikard

Hi,

Great, glad you got it working. Please let us know if you should have any more problems on the topic.

Thanks,
Rikard

Hi Vicken,

You can enable debug mode in order to see shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/, or you can use the Magic Wand tool (last icon on the top row): http://imgur.com/GReRtrs

Best regards,
Rikard

Hi djshortkut!

Please change the code to following one instead

#top input[type="text"]:focus, #top input[type="password"]:focus, #top input[type="email"]:focus, #top input[type="number"]:focus, #top input[type="url"]:focus, #top input[type="tel"]:focus, #top input[type="search"]:focus, #top textarea:focus, select:focus {
    box-shadow: 0px 0px 1px 1px #188ece!important;
}

Cheers!
Yigit

Hi corneliaboehm!

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

.your-custom-class {
    position: relative;
    top: 30px;
}

Cheers!
Yigit

Hi!

Please add following code to Quick CSS as well

@media only screen and (max-width: 990px) and (min-width: 768px) {
.html_header_top.html_header_topbar_active.html_header_sticky.html_large.html_bottom_nav_header #top #main { padding-top: 147px !important; }}

If you would like to share CSS or any other code, please use pastebin.com and post the links here :)

Regards,
Yigit