Adding New Div Layer

More
5 years 5 months ago #5236 by sldolny
sldolny created the topic: Adding New Div Layer
Hi,
I would like to add a div layer to the template that is a tinted "banner" box that would run horizontally, edge to edge, behind the logo and top elements, just above the nav bar. I have been experimenting with layers and z indexes, but I can't seem to find the right way to add a new div that I can custom color and insert as a layer between the background and the logo, search box, etc, so it will sit behind the logo/top area and on top of the background. www.salinalibrary.org/develop
The template.css doesn't seem to look like I'm used to for adding divs.
Thanks for your help! I really appreciate all the help the community has given!

Please Log in or Create an account to join the conversation.

More
5 years 5 months ago #5245 by artur
artur replied the topic: Adding New Div Layer
Hello,
First of all, could you send screenshot with more details what you like to achieve, please ?
In Joomla 3.x template you should :
1. Add div in 'tpl/blocks'
2. Add styles in 'layout.less' (enable Developer Mode before)

www.joomla-monster.com/blog/joomla-templ...-joomla-3-0-template

Best Regards.

Please Log in or Create an account to join the conversation.

More
5 years 5 months ago - 5 years 5 months ago #5273 by sldolny
sldolny replied the topic: Adding New Div Layer
Hi,
Thanks for your reply. I have attached 2 screen shots of the options I am considering. The first shows the top horizontal position of the background image or solid color I am thinking of. The other is of the alternative thing I was thinking, where I insert a plain white div behind the page, but that will be on top of the background image. I guess these divs need to be layered between the logo and search box content on the top and the background. I hope I have explained it better!
I can't get my images to upload, so here are links to them:
www.salinalibrary.org/salinaoption1.png
www.salinalibrary.org/salinaoption2.png
Last Edit: 5 years 5 months ago by sldolny. Reason: Problem with images

Please Log in or Create an account to join the conversation.

More
5 years 5 months ago #5274 by sldolny
sldolny replied the topic: Adding New Div Layer
I can't seem to get my images uploaded!

Please Log in or Create an account to join the conversation.

More
5 years 5 months ago #5277 by artur
artur replied the topic: Adding New Div Layer
Hello,
In first option just need to add background to '#jm-bar' (in custom.less or layout.less)
#jm-bar {
    background: #FF0000;
}

Second case - you need to remove padding for '#jm-bar' and then add background :
#jm-bar {
padding: 30px 0 0;
}
#jm-bar .container,
#jm-main .container {
background: #008000;
}

Best Regards.

Please Log in or Create an account to join the conversation.

More
5 years 5 months ago #5285 by sldolny
sldolny replied the topic: Adding New Div Layer
Thanks, so much, Artur!
You have been such a help and I've learned a lot!
You're the best!

Please Log in or Create an account to join the conversation.

Time to create page: 0.251 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2018 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.