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.

A CSS-problem....

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

7 years 8 months ago
Hello,
I'm trying to ad an image before the H1-header on every page. I added this code to the custom.css:
[i]h1 {
	text-align:left; padding-left:72px; /* or however much bg image you want to show on the left */
	background:url(../../../images/blad.png) 0 0 no-repeat;
}[/i]

('text-align:left' isn't realy needed, I tried it without but the result is the same).

It works on my front page with the rows-theme:

hetnatuurhuis.nl (scroll down)
It works on the blog-pages:

hetnatuurhuis.nl/wie-zijn-wij/blog/pas-op-cabomba

But it doesn't work on all the other pages (writer-theme).
Can you help me out?

Kind Regards,
Jos
  • josfrenken's Avatar
  • josfrenken
  • 12 Month basic
  • 117 posts
  • 3 Thanks
  • Karma: 1
The administrator has disabled public write access.
7 years 8 months ago
Hi Jos,

Can you disable jch so I can see the custom css file

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
7 years 8 months ago
Hello Paul,

Done.

Kind Regards,
Jos
  • josfrenken's Avatar
  • josfrenken
  • 12 Month basic
  • 117 posts
  • 3 Thanks
  • Karma: 1
The administrator has disabled public write access.
7 years 8 months ago
Hi Jos,

sorry I've realised I don't understand what pages to look at where it doesn't work

can you list an example page and a title example where its not working

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
7 years 8 months ago
Hello Paul,

When you look at this page:

hetnatuurhuis.nl/wie-zijn-wij

You see that the image is behind the text and not to the left of it. It looks like this on all pages except on the home page ( hetnatuurhuis.nl ) and the pages containing blog-posts ( hetnatuurhuis.nl/wie-zijn-wij/blog ) where the image is on the left of the H1-text as intended.

Kind Regards,
Jos
  • josfrenken's Avatar
  • josfrenken
  • 12 Month basic
  • 117 posts
  • 3 Thanks
  • Karma: 1
The administrator has disabled public write access.
7 years 8 months ago
Hi Jos,

Try adding

h1.article-title span {padding-left:72px;}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
7 years 8 months ago
Hello Paul,

It works! Great, thank you very much.

Kind Regards,
Jos
  • josfrenken's Avatar
  • josfrenken
  • 12 Month basic
  • 117 posts
  • 3 Thanks
  • Karma: 1
The administrator has disabled public write access.
7 years 8 months ago
You're welcome

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

Close