Hi Paul:
Please take a look at this page:

cidbusiness.com/index.php/about-us

You will notice that the text for the article title overlaps the text... what is causing this as it does not happen on the home page...

cidbusiness.com/index.php

Cheers,

Tony

Hi Tony,

Yeah this is odd = my apologies if I've asked this already but this template is the latest version?

Cheers
Paul

The very latest Paul...
Tony

Thanks Tony,

I'm not quite sure why this is happening

Will need to check on this with the team

Cheers
Paul

Fine PAul.
I'll wait for your response.
In the meantime can you tell how the logo on the demo site is loaded?
Tony

Hi Tony,

Its a custom html published to the logo position

With a heading tag and a p tag underneath it

Cheers
Paul

Hi Paul... Yes, I have done that but there is no image... where did that image come from...??? Puzzled!
Tony

ah ok different kettle of fish

You need to add an unordered list <ul> and three list elements
above the the heading tag

for example

<ul>
<li style="text-align: center;"></li>
<li style="text-align: center;"></li>
<li style="text-align: center;"></li>
</ul>
<h1 style="text-align: center;">VENTURE</h1>
<p style="text-align: center;">A classic business oriented Joomla design ...</p>

Where is the heading tag found... in the template area... or elsewhere?
Tony

Hi Tony,

This is the content of the custom html module so all the content for it needs to be added this way and published to the logo position

Cheers
Paul

Hi Paul: As you can see from here:

cidbusiness.com/

The Custom HTML was used; but how does the LOGO create that particular image...
I am most curious...

Tony

Its this part of the hmtl

<ul>
<li style="text-align: center;"></li>
<li style="text-align: center;"></li>
<li style="text-align: center;"></li>
</ul>

Combined with a lot of css3 styling

#logo ul li:nth-child(1) {
border-width: 0 8em 6em 0;
border-color: transparent transparent rgba(255,255,255,0.5);
-moz-transform: skew(15deg);
-ms-transform: skew(15deg);
-webkit-transform: skew(15deg);
transform: skew(15deg);
z-index: 5;
}

So this css corresponds with the 1st child element of the ul li

The styling for the 2nd child is different

#logo ul li:nth-child(2) {
border-width: 6em 4em;
border-color: transparent transparent rgba(255,255,255,0.4);
top: -6em;
left: 0.75em;
z-index: 0;
}

and same with the 3rd list element

#logo ul li:nth-child(3) {
border-width: 0 0 6em 8em;
border-color: transparent transparent rgba(230,230,230,0.5);
-moz-transform: skew(-15deg);
-ms-transform: skew(-15deg);
-webkit-transform: skew(-15deg);
transform: skew(-15deg);
left: 1.5em;
z-index: 3;
}

Cheers
Paul

HI Paul: OK, I think this is probably not worth pursuing... I will just get a logo from my client and add it to the Custom HTML published to the LOGO position.

Tony

Hi Tony,

To create something yourself using css3 is quite tricky and as you say I'd just use an image

Cheers
Paul

Enjoy your weekend

Cheers
Paul

Thanks Paul: Women's World Cup starts on Saturday! Let's see what happens there after the FIFA debacle!
Tony

I don't debacle covers it but can't think of a word that would
Looking forward to seeing blatter in front of a judge

Cheers
Paul