Editing background of Post Title

just open plugins\recent-post-thumbnail-slider-widget\css\sliderman.css file

go to line number 41 or search .rpswDescription_2 h4 and replace it with
.rpswDescription_2 h4{
margin: 0 auto;
background-color: #1C1F29;
}
or
.rpswDescription_2 h4{
margin: 0 auto;
background: #1C1F29 url(images/textured-square.png);
}

you can set post title background margin too, just add line padding: 0px 0px 0px 0px; in above code and give ‘px’ what match with your them.

Hi Kundan,

I tried editing this line before to no avail. I’ve made the changes that you recommend here with no change in the site. However, I know that the file is being read since I was able to change the size of the font in the description here. My code in that file is as follows:

.rpswNamePrev_2 {
background: transparent;
width: 50px;
height: 50px;
display: block;
position: absolute;
top: 75px;
left: 0;
text-decoration: none;

}

.rpswNameNext_2 {
width: 50px;
height: 20px;
position: absolute;
top: 75px;
right: 0px;
text-decoration: none;

}

.rpswDescription_2{
margin:5px 5px 5px 5px;

}

.rpswDescription_2 a:hover{
text-decoration:none;
}

.rpswDescription_2 a{
text-decoration:none;
color: #FFFFFF;
font-weight:bold;
font-size:14px;
}

.rpswDescription_2 h4{
margin: 0 auto;
background: #1C1F29 url(images/ays-sidebar-background.png);
padding: 0px 0px 0px 0px;
}

.recent_posts_slider_widget .featured-post{
margin: 5px 0 5px 0;

}
.rpswSliderName_2 img{
width:100% !important;
height:auto !important;
}

#rpswContainer_2{
width:auto;}
#rpswNameNavigation_2{
display:none; position: absolute;
}

Would you like to give text box style of Recent Post widget text box as Review and Login widget in Home page, in your given url https://3geeksmedia.com/ays/ ?

I want the box with the description to match the overlay text for the graphics that I created for the slider as well as the other two graphics: semi-transparent white background, no outline.

I know how to change the text color, so that is fine. I’ve tried editing the portion of the code that you mentioned to adjust the background and outline. But it does not seem to make a difference.

Thanks.

hi!
try this one, may help you, edit following code in plugins\recent-post-thumbnail-slider-widget\css\sliderman.css file
just replace this two class in sliderman.css

.rpswDescription_2 a {
color: #CB3235 !important;
font-family: ‘Expletus Sans’,sans-serif;
font-size: 24px;
font-weight: bold;
text-decoration: none;
}

.rpswDescription_2 h4{
margin: 0 auto;
background-color:#ffffff !important;
border: 0px !important;
opacity:0.6 !important;
filter:alpha(opacity=60) !important; /* For IE8 and earlier */
}

It’s getting closer. It has made the background semi-transparent. However, the background is still pulling off of the settings for the widget headers and it made the text semi-transparent also. Any ideas?

Hello madam,
I think, If you have good knowledge of css, then you can easily solve that one issue now. And one more thing, I have save your webpage, and seems that there are lots of unwanted css,js files. As your website it’s a simple bloging site, so I think don’t need these unwanted files, because it could be more load on server and getting much time to load on browser.
you can contact me on [email protected] too.