Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Remove text background in slideshow

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

I'd like to remove the black background behind the text on the slideshow module. I've tried changing item and overlay opacity to 0% but it doesn't make a difference. There is no caching enabled.

site is holytrinity.churchesaliveonline.com

screen.png
  • jonburdon's Avatar
  • jonburdon
  • LIfetime Developer - Big Bamboo
  • 860 posts
  • Karma: 0
The administrator has disabled public write access.
Also I'm trying to get the text to look something like this screenshot. Is there any way I can get the text to align centrally horizontally and vertically in the module? If I increase the size of the text then it just limits how much is shown (as seen on item 3 in the slideshow.
screen_2016-08-30.png
  • jonburdon's Avatar
  • jonburdon
  • LIfetime Developer - Big Bamboo
  • 860 posts
  • Karma: 0
Last Edit: 7 years 7 months ago by jonburdon.
The administrator has disabled public write access.
Hi Jon,

With the text - are you wanting to remove or replace the text background?

Without the background I'm not sure the text would be readable as the module is now
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I'll need to check and try this myself

But I'm assuming with it being centered you will reduce the amount of text you want to display?

With that amount of text even if centered it would occupy the full width and on screen resize would be problematic

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi.

I want a photo with white text over it. The third item in the slideshow 'Sundays' has about the right amount of text to show up and fit I think - I did that one as an experiment. Yes I'll set the other two items up in a similar way once I have this working.

Do you see a way to get the 'Sundays' slide to look like that one in the screenshot?
  • jonburdon's Avatar
  • jonburdon
  • LIfetime Developer - Big Bamboo
  • 860 posts
  • Karma: 0
The administrator has disabled public write access.
You could try the hero-slideshow layout that was added for highline: bambootheme.com/showcase/jun16/

You may need to click on the create master css button in the modules theme tab to incorporate the new styles for it.
  • Robert Went's Avatar
  • Robert Went
  • Moderator
  • 2210 posts
  • 196 Thanks
  • Karma: 90
The administrator has disabled public write access.
Thanks. That looks fantastic now. Just need to play around with the colour of the text on the background.

How does the text in the hero demo appear wider whilst my text is in one third of the column.
  • jonburdon's Avatar
  • jonburdon
  • LIfetime Developer - Big Bamboo
  • 860 posts
  • Karma: 0
The administrator has disabled public write access.
What do you have in the drag and drop section?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Screenshot2016-09-0210.43.01.png
  • jonburdon's Avatar
  • jonburdon
  • LIfetime Developer - Big Bamboo
  • 860 posts
  • Karma: 0
The administrator has disabled public write access.
hmm right

I can see you have changed it back to full width for that row

With the second tab - do you have the image displaying twice?

Once in the introtext and once as the image?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi.

I tried changing the full width on and off - it doesn't make a difference.

I can see what you mean about tabs 1 and 2 - there appears to be another image displayed. I don't know why. The intro text doesn't contain any image data. All three articles are the same - they have no image in the intro text. I've tried creating new articles from scratch with no image apart from the Intro Image. There is no change - the 'Sundays' Article looks find and the other two have strange extra images. Odd! What I actually need to fix is the text that is still only appearing in the middle column of the slideshow.
  • jonburdon's Avatar
  • jonburdon
  • LIfetime Developer - Big Bamboo
  • 860 posts
  • Karma: 0
The administrator has disabled public write access.
I've recreated the module from scratch and the only problem remaining now is that the text is still only appearing in the middle of the slideshow.

I just created the module with the default settings and the drag and drop area only contains intro text. No other settings have been changed.
  • jonburdon's Avatar
  • jonburdon
  • LIfetime Developer - Big Bamboo
  • 860 posts
  • Karma: 0
The administrator has disabled public write access.
Try

adding this to the custom.css file of the template

#zentools-151 .zt-content-box {width:50%}

Cheers
paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
perfect thanks
  • jonburdon's Avatar
  • jonburdon
  • LIfetime Developer - Big Bamboo
  • 860 posts
  • Karma: 0
The administrator has disabled public write access.
You're welcome

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Is there any way to ensure that all the text in this slideshow appears as bold and white? I can change it in each article but that seems a clumbsy way to do it - especially when the text will appear white in the editor window of the article.
  • jonburdon's Avatar
  • jonburdon
  • LIfetime Developer - Big Bamboo
  • 860 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

You can change the font colour in the module via the theme tab and Item Color

I'd suggest using the custom css option in the module rather than master

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Adding font colours via inline styling is normally a bad idea
So I would suggest removing that and try to avoid using it

Inline styling will override the module and template settings unless there is an !important

Cheers
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Changing Theme -> Item Color to white doesn't seem to make any difference. I compiled custom css and also selected handle custom css option at the top of the theme tab.
  • jonburdon's Avatar
  • jonburdon
  • LIfetime Developer - Big Bamboo
  • 860 posts
  • Karma: 0
The administrator has disabled public write access.
I can see

element.style {
font-weight: bolder;
color: rgb(0, 0, 0);
text-align: center;
}

Which will be a problem as its inline

What should the colour be?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers