Hi,

In Appearance > Settings I have modified Front page displays and set it to Your latest posts (this is the default), this is to make sure it doesn’t conflict with Enfold’s theme settings. In Enfold > Blog Layout, I have set Blog Layout to Use the advance layout editor to build your own blog layout (simply edit the page you have chosen in Enfold->Theme Options as a blog page). And in the page itself, I have added the right sidebar.

Best regards,
Nikko

Hey!

Try to replace this code:

.av-masonry-image-container:hover {
filter: grayscale(0%);
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
filter: none;
}

To this one:

.av-masonry-entry.isotope-item:hover .av-masonry-image-container {
  filter: grayscale(0%);
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  filter: none;
}

Hope this helps :)

Cheers!
Nikko

• This reply was modified 8 years, 2 months ago by Nikko.

Hi!

No, I only touched Quick CSS and added the code I given above.

Regards,
Nikko

Hey essjb,

Glad that you fixed it :)

Best regards,
Nikko

Hey Thomas,

Please give us temporary admin account, also can you post the link of the page where you have the screenshot, I checked the link given above but I see the cool video instead of the two columns :)

Best regards,
Nikko

Hi,

Try replacing this code:

.avia_transform .blog-third-section a .image-overlay,
.avia_transform .blog-third-section a:hover .image-overlay {
opacity: 0.85 !important;
display: block !important;
background: #006b86 !important;
}
.avia_transform .blog-section-fourth a .image-overlay,
.avia_transform .blog-section-fourth a:hover .image-overlay {
opacity: 0.75 !important;
display: block !important;
background: #000 !important;
}

to

.avia_transform .blog-third-section a .image-overlay,
.avia_transform .blog-third-section a:hover .image-overlay {
  opacity: 0.85 !important;
  display: block !important;
  background: #006b86 !important;
  left: 0 !important;
  top: 0 !important;
}

.avia_transform .blog-section-fourth a .image-overlay,
.avia_transform .blog-section-fourth a:hover .image-overlay {
  opacity: 0.75 !important;
  display: block !important;
  background: #000 !important;
  left: 0 !important;
  top: 0 !important;
}

Let us know if this helps. :)

Best regards,
Nikko

Hey Moaaaaya,

Thanks for using Enfold. Try changing your code to this:

.slide-image img {
 transition: all 0.5s ease 0s;
}

.slide-image:hover img {
 -moz-transform: scale(1.5);
 -ms-transform: scale(1.5);
 -o-transform: scale(1.5);
 -webkit-transform: scale(1.5);
 transform: scale(1.5);
}

Hope this helps :)

Best regards,
Nikko

Hey!

I couldn’t see the link, you can only see the preview if you have an admin account I think. Can you publish it and post the link?

Best regards,
Nikko

Hi!

I’m not sure how we can help without ftp, I have tested the solution I have given and it works properly on my end, the reason I asked for ftp is I’d like to check if it’s not added properly or if there’s a conflict somewhere.

Best regards,
Nikko

Hi,

Try to replace the code I gave in the previous post to:

.page-id-3647 .sidebar_left #nav_menu-4,
.page-id-3650 .sidebar_left #nav_menu-4 {
    display: none;
}

If you need to add more pages to hide the menu, you just need to add
.page-id-XXXX .sidebar_left #nav_menu-4,
where XXXX is the id of the page, just place it above:
.page-id-3647 .sidebar_left #nav_menu-4,
Hope this helps.

Cheers!
Nikko

Hi,

Glad that you fixed it. :)

Best regards,
Nikko

Hi,

You can upload the image in http://imgur.com/ or https://www.dropbox.com/ then paste the link here.

Best regards,
Nikko

Hey gugler,

I’m not really sure I understood properly but can you post a screenshot showing a comparison when you are using a twentysixteen theme and Enfold?

Best regards,
Nikko

Hey ehoogstad,

I have checked your site and it seems you have already done it. :)

Best regards,
Nikko

Hey zunini,

We’re good :) Thanks for using Enfold.

1.) Edit Easy Slider and at the bottom check Use first slides caption as permanent caption

Mobile phone issue:
Try adding this code in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:767px) {
  .avia-slideshow .avia-caption h2.avia-caption-title {
    font-size: 12px !important;
  }
}

Just adjust the font size as you see fit.

2.) I can only see layerslider not easy slider. I can only suggest as a workaround is probably to use layerslider on desktop and tablet, then hide it on mobile phone and use an easy slider.

Best regards,
Nikko