1. gcopping
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 22 October 2020
  5.  Subscribe via email
Hi,

Is there a way of adding a caption to each image in this module?

Thanks,

Gary
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ciaran that has worked well - much appreciated.
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Gary

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

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Here is the URL Ciaran:

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

Regards,

Gary
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 9
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 10
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 11
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 12
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 13
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok