How to add background image JM News Portal

More
7 years 1 month ago #6029 by artur
artur replied the topic: How to add background image JM News Portal
Hello,
Sorry for late reply.

If you add css background for #jm-wrapper - change will be visible on all pages.

All styles related with layout you will find in 'less/layout.less'

Styles related with modules you will find in 'less/modules.less'

You can also override original styles (if you do not want loose them) in 'less/custom.less'

www.joomla-monster.com/blog/customizatio...to-joomla-3-template

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

More
6 years 3 weeks ago #8648 by mickeyjoomla
mickeyjoomla replied the topic: How to add background image JM News Portal
Hi, I have the same problem on this test site www.mickey.joomlahost.it/ , I'm trying to add white background only for the body off the site with this code:

#jm-wrapper {
background: white;
}

but it not work, I have added the code in layout.less because I don't find custom.less inside the folder .

Can you help me ?

My target is to make a clickable background and if is possible different background for different pages

Thank you,
Michelangelo

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

More
6 years 3 weeks ago #8649 by artur
artur replied the topic: How to add background image JM News Portal
Hello,
But, you not have #jm-wrapper in this template (EF4).
In this case you need to modify all template block's, I'm afraid this is not so simple.
Our customization service can do it for you. Please let us know if you will be interested.

Regards.

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

More
6 years 3 weeks ago - 6 years 3 weeks ago #8650 by mickeyjoomla
mickeyjoomla replied the topic: How to add background image JM News Portal
I wold like try by myself, can you show me only one example for one block so I can understand ??

I presume that if is possible to change the site width in the template option , there is a DIV like a container where is possible to change the background color ?

And how I can make the background clickable ? I presume adding a DIV ??
Last Edit: 6 years 3 weeks ago by mickeyjoomla.

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

More
6 years 3 weeks ago #8652 by artur
artur replied the topic: How to add background image JM News Portal
Hello,
1. Background can not be clickable. But you can use some trick. Example :
ran.ge/2009/11/11/css-trick-turning-a-ba...to-a-clickable-link/

2. If you want add background for section (this needed because you do not have any other wrapper with 'page width'), you should add background to element with class 'container-fluid' or to some element inside this div (in each block). Example :
#jm-top .container-fluid {
background: white;
}

Regards.

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

More
6 years 3 weeks ago - 6 years 3 weeks ago #8655 by mickeyjoomla
mickeyjoomla replied the topic: How to add background image JM News Portal
Following your istruction I had this code to layout.less

.container-fluid {
background: white;
}

in this way all Blocks have white background except for the entire logo-bar block

you can see there:
www.mickey.joomlahost.it/index.php

You have any suggestion ??

After this I try to follow you istructin to mede background clickable.

Thank you.
Last Edit: 6 years 3 weeks ago by mickeyjoomla.

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

Time to create page: 0.246 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-2021 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.