Okay, using Fullwidth Easy Slider every page of this site… changed caption position on Home Page to be higher – Home page just uses Center Without Frame and I used the following code:
.slideshow_align_caption {
display: table-cell;
vertical-align: middle;
position: position: absolute;
top: 50px; }
this seems to affect “all ” captions in the slider, so I’ve made inside pages center “framed” and want to use custom css to change position and background color and opacity of the frame…. what would be the selector, tried a couple of things and it got all messed up? Suggested Code? And it’s weird, but one of the pages (About Us) is already taking on a different custom background color then, let’s say, Rewards Management Page… and it is a color I had chosen when playing with this… I’ve been using the Live CSS Preview to make changes to css – it’s in appearance/customize.
I have a coming soon page up, so I’ll give you login credentials under private content.
Thank you for looking into this!
Hi Eleina_Shinn,
If you want to target only the home page you could try something like this:
.home .slideshow_align_caption {
display: table-cell;
vertical-align: middle;
position: position: absolute;
top: 50px;
}
The same applies to other pages but you could have to replace home with the page ID of the page in question. You can find the page ID by inspecting the page in question and looking at the classes inside of the body tag. You can also see it in the URL if you edit the page in question in the backend.
Thanks,
Rikard
that helps, thank you!