Slider Style 23 | PenciDesign Support

pdimulescu replied

1 year ago

Customer Reply

It still doesn't work, the margin is visible between the image and the title area.
I added another image to see the difference between your Pennews demo of Slider Style 23 and what I have on my site.
I will probably try a reinstall of the theme, because I really don't understand how is it possible for the demo to exhibit the slider as it would be and my slider not working.

PenciDesign Supporter replied

1 year ago

Staff Reply

Hi,

Please try this CSS code:

.penci-owl-featured-area.style-23 .penci-featured-content {
  top: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  bottom: 0;
  height: 100%;
  background: #000;
  display: flex;
  align-items: center;
}

Regards,
PenciDesign.

pdimulescu replied

1 year ago

Customer Reply

That doesn't work either, it covers the whole image with a black background.
On your product page ( https://pennews.pencidesign.net/slider-style-23/ ), everything looks fine, that's why I think it can be done... There is no box showing up under the title there.

PenciDesign Supporter replied

1 year ago

Staff Reply

Hi,

Please modify the CSS code:

.penci-owl-featured-area.style-23 .penci-slider-overlay {
  background: #000;
}

Regards,
PenciDesign.

pdimulescu replied

1 year ago

Customer Reply

That command didn't actually do what I hoped it would do :D.

I meant this black rectangular background in the attached photo: can it be turned transparent so it doesn't interfere with the fade?

PenciDesign Supporter replied

1 year ago

Staff Reply

Hi,

Please go to Appearance → Customize → Additional CSS then add the following custom CSS code:

.penci-owl-featured-area.style-23 .penci-slider-overlay {
  background: transparent;
}
.penci-owl-featured-area.style-23 .penci-image-holder {
  width: 100%;
}

Regards,
PenciDesign.

pdimulescu replied

1 year ago

Customer Reply

Awesome, it worked for both those issues!

Is there any fix, by chance, for the background box of the title in Slider Style 23?

Thank you for the help!

PenciDesign Supporter replied

1 year ago

Staff Reply

Hi,

1/ I've edited the WPBakery Block Title,

2/ Please go to Appearance → Customize → Additional CSS then add the following custom CSS code:

.wp-block-latest-posts.wp-block-latest-posts__list li,
.entry-content .penci-block-vc .wp-block-latest-comments li,
.widget.widget_display_topics li, .widget.widget_display_views li, .widget.widget_display_forums li, .widget.widget_layered_nav li, .widget.widget_product_categories li, .widget.widget_categories li, .widget.widget_archive li, .widget.widget_pages li, .widget.widget_meta li {
  margin-left: 0;
}

Regards,
PenciDesign.

PenciDesign Supporter replied

1 year ago

Staff Reply

Hi,

For this case, please send me your WordPress admin account in a PRIVATE reply.
I'll log in and try to help you check this problem.

Regards,
PenciDesign.

pdimulescu replied

1 year ago

Customer Reply

Also, I tried to add a Penci Block 3 and I can't get the title to show on https://medievalnoir.com.

And some of the Sidebar content is out of alignment, as shown in the image...

pdimulescu started the conversation

1 year ago

Conversation Start

Hello, I want to know if there is a way to turn transparent the background of the title on Slider Style 23. the edges of the box are visible and I want the transition to be smooth. How can I do that? I added a screen capture for you to see what I mean.