Hello,

I'm using the New Lifestyle template, from scratch (i.e. not using quick start) and I've noticed a few visual features not working correctly, e.g. the toTopLink is not displaying correctly(displaying green/red block instead of arrow), and title text in the zentools slideshow doesn't have the opacity block around it.
When I inspect the demo, I see lots of CSS around these features which is not present in my page. In the demo this is all sourced from a file called:
bambootheme.com/showcase/feb14/t3-assets/css/css-622ff.css?t=53
What do I need to do in order that the same CSS is used for these features on my page?

Thanks

Hi

Do you have a link for the site?

So I can check if something isn't loading

Cheers
Paul

I should also mention

bambootheme.com/showcase/feb14/t3-assets/css/css-622ff.css?t=53

this is a compressed css file so its a combination of merged css files

Cheers
Paul

Hi Paul,

I just realised there are different themes, I was using default, which I've now switched to bamboo. This theme css has the appropriate colours for the #toTop element.
However I'm still noticing some other problems:

The logo is set to image, and has a tagline which is not visible (if you inspect you can see it is above the logo hidden by the language bar).
The slideshow title and subtitle elements in the demo have an opacity box around them, which is not visible on my site and too wide.

If I increase the opacity to e.g. 0.5 for both you can see them clearly, however they are a fixed width, and not just wrapping the text. Am I still missing some css from somewhere?
I've added custom code before </head> so you can see this:

#slideshowwrap .slideshow .allitems.container .zentitle {
background: rgba(0,0,0,0.5);
}
#slideshowwrap .slideshow .allitems.container .zentext p {
background: rgba(0,0,0,0.5);
}


site link is
gezentavuk.biz/en/

Thanks
Rich

Hi Rich,

I see an offline page at the moment

Cheers
Paul

Hi Sorry, just published now, please try again
Thanks

With the tagline do you get the same if you add the menu?

Cheers
Paul

Rather than add it styling to the head I'd suggest adding to the custom css file

Are you familiar with how to do this?

Cheers
Paul

Hi,
I've added a couple of menu items, same issue. Also, in other languages the menu items do not line up correctly.
As for the css, I assume I can just add it to the template.css files in the template directory. I'd probably rather create a new css file anyway and link to that, so I can see exactly what changes I have made.
Cheers

Having just read your link I see there is a custom.css file I can use anyway
This won't change the issues I'm seeing though I guess.
Is it possible to ascertain whether the issues are down to some missing CSS that is not included in my theme, that is present in the demo?
The width of the titles on the slideshow for example seem to be just a style issue

Another thing I've seen is that the title on the logo (text pops up when you hover mouse over) is the Logo text, which if you don't fill in is 'NEW LIFESTYLE' so I've changed that so that no longer appears.

If you turn off text (i.e.logo is set to image) it still uses this title, however the H2 element has zero height as there is no text in the span. This is why the tagline disappears in the case where there is no logo text switched on. How would you fix this?

Also, the logo width and the search width should add up to 12 or it won't fit properly (it would be helpful to state that in the Theme section), so the turkish menu now fits.

Hi

Can you add this for the tagline to the css

#tagline span {margin-top: 40px; margin-left: 0px;}

Regarding adding new css you need to add it to a custom.css - it is protected from updates and being compiled

Custom css is new css code you add to your site
its either - new css code or css code to override an existing template styling

The file it needs to be added to is called custom_rename_to_custom.css or if renamed custom.css (for the file to work it needs to be called custom.css) - this file is protected from being overwritten by template updates

The path to the file is
\templates\template name\css\custom_rename_to_custom.css

via the joomla backend the path is

extensions tab > template manager > Templates (top left in Joomla 3) > "template name" details and files > Edit css/custom_rename_to_custom.css

Thanks, I have added to the custom.css.
Any ideas about the slideshow titles?
Widths are auto on the demo, but for me they are set to the outer container value coming from
#slideshowwrap .slideshow .allitems.container {
width: 960px !important;
}
The only difference I can see is that the demo titles are anchors.

Also, without the menu the slideshow is too high and covers the tagline as you suggested. Is it possible to have it displaying correctly without the menu?

Cheers

Hi

Are you not intending to use any menu module at all?

With the slideshow I'm having difficulty seeing what the problem is - do you want the content area in the slideshow moved left?

Cheers
Paul

Hi,

Don't worry about the menus, I will use menu items.

The slideshow issue is that the box around the slideshow text (title and subtitle) is fixed width and too wide (960px).
On the demo site, the text is wrapped by a box that is the same width as the text.

Cheers

With the text do you get the same if you set it to link to an item or the slideshow now going to do this?

Cheers
Paul

The slideshow will not link to an item at present.
Cheers
Rich

Hi Rich,

Have you changed the settings to link to content either using external links and a folder of images or loading content direct from selected articles?

Cheers
Paul

I have a number of articles with category 'slideshow', and the zen tool is configured to select these for the slideshow.
The article's title is the main text, the image is in the article, and a line of text below the image is the subtitle.
Cheers
Rich