Joomla Templates Club 406,261 posts

[fcweb Friend fcwebJoin date: June 2014Posts: 42Downloads:56Uploads:10 Thanks: 6 Thanked: 1 times in 1 posts]

#199624

Hi,

I want to add 2 different images to “onepage1” and “onepage5” module as a background image in home page . would you please tell me how can I do this? I think I have to add this 2 lines to an specific css file which I don’t know where can i find the file.:laugh:

1. background-image: url(“images/products/ onepage1.jpg”); position: relative; height: auto; min-height: 341px
2. background-image: url(“images/products/ onepage5.jpg”); position: relative; height: auto; min-height: 341px

I read this article but there is not such a file explained there (templates/ja_onepage/css/custom.css) , also I know there is a direct CSS code for onepage1 …..3…5 .
http://www.joomlart.com/forums/topic/module-class-suffix-33/.

please help me to do this.
regards

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#542096

Hey @fcweb,

You have to create the custom.css by yourself inside ../templates/css/. Then you can added the code and it should work.

[fcweb Friend fcwebJoin date: June 2014Posts: 42Downloads:56Uploads:10 Thanks: 6 Thanked: 1 times in 1 posts]

#542116

thanks for answer! but I think it should be a special css file which contain “onepage5 ” class, because I can see this code inside the html file :
<div id=”onepage_5″ class=”section onepage module onepage-5 onepage-image inview”> :laugh:
and if I could fine the place of the file then it would be all right!

[fcweb Friend fcwebJoin date: June 2014Posts: 42Downloads:56Uploads:10 Thanks: 6 Thanked: 1 times in 1 posts]

#542121

hi,
I FOUND IT:
/t3-assets/dev/templates.ja_appolio.less.style.less.css
now I can add the background image to .section.onepage-3 😀

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#542130

Hey @fcweb,

If you edit in the.less and compile to css then your changes might get lost. (I dont know if I am wrong here because I am not from the support). When you make a custom.css it wont get override.

Then you could do something like this in the custom.css file:

.section onepage module onepage-5 onepage-image inview {

background-image: url("images/products/ onepage1.jpg");
position: relative;
height: auto;
min-height: 341px;

}

Because this class would now be override, hope it helps!

[fcweb Friend fcwebJoin date: June 2014Posts: 42Downloads:56Uploads:10 Thanks: 6 Thanked: 1 times in 1 posts]

#542189

haaa! thank you , I didnt know that.

[Author]

Posts