shift text down in image show GK4

Hello, I'd like to shift the text in the slide show for Image Show GK4 as shown in the picture.



I'd be grateful for any pointers. I've tried everything, but I've been unsuccessful.

Thank you.

Hi,
please try add to override.css

Code: Select all

.gkIsWrapper-gk_startup .gkIsText.active {
    top: 115px;
}


and increase this value to fit your needs. Remember to enable override.css option in template settings.

Thank you Konrad. I ended up going to 280, but that may've been down to trying to make my text legible. Others will no doubt choose fewer pixels.

Thank you.

Would anyone be help me put a bit of a transparent film behind the text to make it better legible? Thank you. I assume this would be something to put into the module suffix?

Can you explain what exactly you want to achieve or show on some screen. And please give us url to your wesite.

Thank you. Please find a sample picture attached, from another of your templates.

I have sent by PM the url to the website. Thank you.

Hey hello.
I've got here so far.

half-done.jpg

I made a few changes to this block in style.css from the gk_startup folder in the styles folder of the mod_image_show_gk4.

Code: Select all

.gkIsWrapper-gk_startup .gkIsText p {
   display: block;
   color: #fff;
   font-size: 34px;
   font-weight: 400;
   line-height: 40px;
   opacity: 0.40;
   background: #000000;   
   margin: 5px 0 40px 0;
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
   -webkit-transform: translateZ(0)!important;

The lines changed are

Code: Select all

font-weight: 400;

up from 300

and inserted anew

Code: Select all

background: #000000;

then reduced the opacity to 0.40.

I'd also like to mess around with fonts to ensure I get something that's properly legible.

----

I'd like help with restricting the transparency so it doesn't come as far down as btn1 and btn2, i.e the purple bar. It really would be best to have the transparency end at the red line in the graphic. Thank you.

Can you send me access to your backend ? I think you will have to add some extra div to wrap those buttons. And then style this div. But without access to backend I can't edit slide.

Thank you, I've sent you a PM.

I added one span and code to override.css. Please remove background and opacity from Image Show css file where. Then you will see result of my changes.

Thank you! It worked very well. I'm so pleased.

Hello, that's is what I would like to achieve with my text. Can you please post the final code that you used please?

Regards
Drew

I added one span and code to override.css. Please remove background and opacity from Image Show css file where. Then you will see result of my changes.