Thanks Ciaran that has worked well - much appreciated.

Hi Gary

Sorry to say this option is not available with the J51 Slideshow module. This option is only available in the J51 LayerSlideshow module included with our more recent template releases.

Ciaran

Ciaran,

Yes I did try the J51 LayerSlideshow but both the Title and/or Caption were just positioned right in the vertical middle of the image and I couldn't find any way of repositioning. Also if I tried the solid background with these it was far larger than the text and just took up too much space from the image. Is there any way around these issues with the J51 LayerSlideshow?

Thanks,

Gary

Hi Gary

Would you have a URL to an example of your LayerSlideshow module?

Ciaran

Here is the URL Ciaran:

http://www.addinghamcivicsociety.org.uk/

Regards,

Gary

Thank you Gary

Could you detail for me how you would like the text positioned and styled? We could possibly give you the required custom CSS to amend the slideshow to your taste.

Ciaran

Ciaran,

I would like to use the caption and for it to be bottom left on the image with a background which has much less padding than the default. Also, if possible, a smaller text font. If you can supply the code I can experiment with different parameter values to get what I want.

Additionally can you please tell me how to eliminate the navigation arrows and slide indicators which show on the images?

Lastly I would like to change the hover colour on the hornav menu items - is this possible, as I can't find a way of doing it in the template options?

Thanks for all of your help.

Best regards,

Gary

Thank you for detailing.

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.layerslideshow .info {

    justify-content: flex-end;

}

.layerslideshow .info-wrapper {

    padding: 10px 15px;

    margin: 20px 0;

}

.layerslideshow-prev,

.layerslideshow-next,

.layerslideshow .j51-nav-dots {

    display: none;

}

To amend the hornav menu items on hover you can also add the following (edit to taste)..

.hornav > ul > li > a:hover {

    color: #999;

}

Ciaran

Great thanks very much Ciaran I really appreciate the help.

Just 1 more question on the Module Style Overrides for this template. These don't allow for changing the font size for either the Title or the Content text. Is this possible at all?

Best regards,

Gary

Sorry Ciaran but another question - how do I add a background image to the Article. This doesn't appear as an option in Modules/Component Styling tab.

Thanks,

Gary

Hi Gary

To set the background image of your article image you can use the following CSS (edit to taste)..

.maincontent {

    background-image: url('https://source.unsplash.com/user/erondu/1600x900');

    background-size: cover;

}

Would you have a URL to an example of the text you wish to amend?

Ciaran

Hi Gary

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

(edit to taste)

.sidecol-b {

    font-size: .8em;

}

.sidecol-b h4 {

    text-transform: initial;

    font-size: 16px;

}

Ciaran

Thanks Ciaran.

The url is still the same:

http://www.addinghamcivicsociety.org.uk/

It is the text in the right hand column that I would like to make a bit smaller including the titles and, if possible, make the Category Titles mixed case not just upper case.

Regards,

Gary