enter image description here

I installed a free responsive image slider plugin, Slider by WD, for my WordPress theme, and I need to edit the styles. Specifically, I can see that I need to edit the class .wds_slideshow_image_wrap_0:

You can see that I need the width of this div to span 100% of the width of its parent container wds_container2_0:

I need for the max-width: 800px; style that’s applied to .wds_slideshow_image_wrap_0 to go away, so I tried to copy and paste the styles for this class into my stylesheet, and commented out max-width: 800px;. But as you can see this is having no effect.

When scrolling up, in the Styles tab of the inspector, I notice that the source file / line for these styles is at (index):101

enter image description here

Since I can’t edit the styles when doing this in my stylesheet:

#wds_container1_0 
#wds_container2_0 
.wds_slideshow_image_wrap_0 {
background-color: rgba(0, 0, 0, 0.00);
border-width: 0px;
border-style: none;
border-color: #000000;
border-radius: ;
border-collapse: collapse;
display: inline-block;
position: relative;
text-align: center;
width: 100% !important;
/* max-width: 800px; */
box-shadow: ;
overflow: hidden;
z-index: 0;
}

how can I access this index file change the width of this div to match the width of its parent container? Thanks!

Read more here: Why Can’t I Edit the Styles For an Installed WordPress Slider Plugin?


Solution:

If you know the solution of this issue, please leave us a reply in Comment section, to update the question.


Wordpress related questions and answers: