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.

Blog Layout Category CSS Problem

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

Hi guys,

I'm having a problem with header titles in blog layout. There must have been something wrong that I've done…does anyone have any ideas?

Also, is it possible for me to provide a stylesheet for the header text?

Here is an example (the header text is "FEATURES"):

www.asknelly.com/index.php/features-list/36-pettalk/cattalk/91-cat-talk-by-cleo

Thanks as always,

Bill
  • notsteve's Avatar
  • notsteve
  • 12 Month Developer
  • 119 posts
  • 2 Thanks
  • Karma: 6
The administrator has disabled public write access.
Bill,

Add this into your custom CSS file and give it a go...

.page-header h1 {
-->ADD YOUR CUSTOM STYLE HERE<--
}

This will create a new CSS class specific only to the page-header when using the h1 tag.

Ed
  • Ed's Avatar
  • Ed
  • LIfetime Developer - Big Bamboo
  • 1693 posts
  • 45 Thanks
  • Karma: 60
The administrator has disabled public write access.
The following user(s) said Thank You: notsteve
Thanks Ed, appreciated. I can definitely style the text with that, which is cool.

I still can't figure out how to deal with the header text being pushed down like it is, though; it should be at the top of the box. Any thoughts on that, good sir?

Thanks and cheers,

Bill
  • notsteve's Avatar
  • notsteve
  • 12 Month Developer
  • 119 posts
  • 2 Thanks
  • Karma: 6
The administrator has disabled public write access.
Hi Bill,

You could try

#midCol.zen-content .zen-padding {padding-top:0;}

but it may affect other pages so it would need to be tested

You are also missing a closing bracket of the panel media query this is causing any css added after it to not work

@media (max-width:450px) {
#paneltrigger {display: none;}

add bracket here <<<<

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: notsteve
Thanks, both of you guys!

Paul, yes, that removed that margin. Sweet! And I can style it, too.

The only thing remaining is the image being cut off. Does anyone know how to resolve that, please?

I've attached before and after screenshots with Paul's suggested CSS.

ScreenShot2014-01-03at12.16.50PM.png


ScreenShot2014-01-03at12.16.57PM.png


Thanks and cheers,

Bill
  • notsteve's Avatar
  • notsteve
  • 12 Month Developer
  • 119 posts
  • 2 Thanks
  • Karma: 6
Last Edit: 10 years 3 months ago by notsteve.
The administrator has disabled public write access.
Hi Bill,

Is the original image not trimmed? - as

www.asknelly.com/images/cache/fc9ff391e0b92927fc4a526a939b2ca3_w800_h500_cp_sc.jpg

this is what is being loaded

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