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.

Menu font size & background image

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

Hi Paul,
A couple of quick questions for you please:
- I need to increase the font size of the menu, and all my attempts at adjusting the custom.css have failed...
- Second, I would like to play with some images/ patterns for the background, but not replacing/ covering the background slideshow.

Thoughts?
  • Douglas Rost's Avatar
  • Douglas Rost
  • LIfetime Developer - Big Bamboo
  • 152 posts
  • Karma: 0
The administrator has disabled public write access.
Hi,

Is the site live so we can take a look at what you have in the custom file?

Regards,

Rob
  • Robert Went's Avatar
  • Robert Went
  • Moderator
  • 2210 posts
  • 196 Thanks
  • Karma: 90
The administrator has disabled public write access.
Now it is...
survivalbreakdownbow.com/

The custom.css file is blank right now as nothing I was putting in was working... but I know it is me and not the template as I suck at code

Sorry for calling you Paul, Rob. :whistle:
  • Douglas Rost's Avatar
  • Douglas Rost
  • LIfetime Developer - Big Bamboo
  • 152 posts
  • Karma: 0
The administrator has disabled public write access.
No problem :)

To target the menu specifically you can use this:
#menu ul > li a, #menu ul > li .zen-menu-heading {
    font-size: 15px
}

Where exactly do you want the background image to show?

That might be a bit trickier as each row has it's own background.

Regards,

Rob
  • Robert Went's Avatar
  • Robert Went
  • Moderator
  • 2210 posts
  • 196 Thanks
  • Karma: 90
The administrator has disabled public write access.
Thanks Rob,
I put the text code in and nothing happened...

As for the image, I was thinking of just a pattern image to fill in the background cream color that is there now... behind all of the text/ module boxes
  • Douglas Rost's Avatar
  • Douglas Rost
  • LIfetime Developer - Big Bamboo
  • 152 posts
  • Karma: 0
The administrator has disabled public write access.
Try clearing your browser cache, I currently see the nav font as 18px;

You can target each of the different area specifically to add a background, something like this
#mid-col-inner, #belowcontent,
#sidebar-2 .moduletable, #sidebar-1 .moduletable {
    background: url(http://placekitten.com/g/250/120)
}
  • Robert Went's Avatar
  • Robert Went
  • Moderator
  • 2210 posts
  • 196 Thanks
  • Karma: 90
The administrator has disabled public write access.
Thanks Rob, but that is kind of the opposite area I was looking for. From the screenshot attached, your code placed the camo image behind just specific modules, where I am looking to fill the white background areas across the entire background.
screenshot.jpg
  • Douglas Rost's Avatar
  • Douglas Rost
  • LIfetime Developer - Big Bamboo
  • 152 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

I see a joomla offline page at the moment

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
back on line...
  • Douglas Rost's Avatar
  • Douglas Rost
  • LIfetime Developer - Big Bamboo
  • 152 posts
  • Karma: 0
The administrator has disabled public write access.
What is the path for the image you are planning to use?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
not the final image, but you can use /images/bg/camo.png to play with
  • Douglas Rost's Avatar
  • Douglas Rost
  • LIfetime Developer - Big Bamboo
  • 152 posts
  • Karma: 0
The administrator has disabled public write access.
Do you mean something like?

.grid-wrapper {background-image: url("/images/bg/camo.png") ; }
.secondary2-row {background: none;}

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
yep I can work with that... now I just need to come up with an image that's not so butt ugly! Thanks Paul...
  • Douglas Rost's Avatar
  • Douglas Rost
  • LIfetime Developer - Big Bamboo
  • 152 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.

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

Happy Campers