"Slider Style 23" (#3734542) / PenciDesign

Comments

1
pdimulescu started the conversation
September 29, 2024 at 12:46pm
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.
Attached files: sliderissues.png
1
pdimulescu replied
September 29, 2024 at 1:43pm
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...
Attached files: pennews work.png
2,610
PenciDesign replied
September 29, 2024 at 3:54pm
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 privately

2,610

PenciDesign replied

September 29, 2024 at 6:24pm

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.

1
pdimulescu replied
September 29, 2024 at 6:34pm
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!

Attached files: sliderissues.png
2,610
PenciDesign replied
September 30, 2024 at 1:33am
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.
1
pdimulescu replied
September 30, 2024 at 4:49am
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?
Attached files: whatismarked.png
2,610
PenciDesign replied
September 30, 2024 at 5:20am
Hi,

Please modify the CSS code:

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

Regards,
PenciDesign.
1
pdimulescu replied
September 30, 2024 at 5:32am
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.
Attached files: pennews work.png

2,610

PenciDesign replied

September 30, 2024 at 9:06am

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.

1
pdimulescu replied
September 30, 2024 at 9:29am
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.
Attached files: pennews work.png
1 Like