Page Bakground

Here you can ask or discuss anything else you want...

Page Bakground

New postby Minie » Fri Jan 17, 2014 1:50 pm

Hello,

the settings of sexy contact form prevent me to put a background on page that contains it, I searched with the source code in the css, but I can not find the way to my background image, the form requires my background has to be white, I dont want to change the background of my site all happy to just put a css class to the maincontent of this page.

how can i do plz ?
Minie
 
Posts: 17
Joined: Sat Jan 11, 2014 7:59 am

Re: Page Bakground

New postby Simon » Fri Jan 17, 2014 7:00 pm

Hi,

There is no such option in Sexy Contact Form, to set a background image for the form. You can use Template Creator, and set any custom background color. If you need background image, you will need to add a bit of css in main.css file.

Best Regards,
Simon
User avatar
Simon
Site Admin
 
Posts: 1306
Joined: Wed Jul 13, 2011 8:53 pm

Re: Page Bakground

New postby Minie » Fri Jan 17, 2014 7:11 pm

Yeah i did it, but when I put a css class in the page display parameters related to my menu link it does not work on the page of the contact form.

when I look in the css plugin I cant change the background behind the form, only the background in main box of the form
Minie
 
Posts: 17
Joined: Sat Jan 11, 2014 7:59 am

Re: Page Bakground

New postby Simon » Fri Jan 17, 2014 7:16 pm

To change background behind the form, you need to modify tour template's css file, It has nothing to do with Sexy Contact Form.

You can give me the url of your website, and I will give you advice what you need to change.
User avatar
Simon
Site Admin
 
Posts: 1306
Joined: Wed Jul 13, 2011 8:53 pm

Re: Page Bakground

New postby Minie » Fri Jan 17, 2014 7:39 pm

Ok i have try this but i give you the link

The web site is not finished i work on it for a company

i dont want to put a background on all page with my css, just on this page

http://www.temp-host.fr

thx in advence
Minie
 
Posts: 17
Joined: Sat Jan 11, 2014 7:59 am

Re: Page Bakground

New postby Minie » Fri Jan 17, 2014 7:48 pm

if you want to test, I put the same css class on the "telechargement" page, it is working properly but not on the contact page
Minie
 
Posts: 17
Joined: Sat Jan 11, 2014 7:59 am

Re: Page Bakground

New postby Simon » Fri Jan 17, 2014 7:49 pm

Please give me live url ,where I can see the problem.
User avatar
Simon
Site Admin
 
Posts: 1306
Joined: Wed Jul 13, 2011 8:53 pm

Re: Page Bakground

New postby Minie » Fri Jan 17, 2014 8:02 pm

http://www.temp-host.fr/contact : background dont appear

http://www.temp-host.fr/telechargement : background appear with the same css class

I hope I understood the question ^ ^
Minie
 
Posts: 17
Joined: Sat Jan 11, 2014 7:59 am

Re: Page Bakground

New postby Simon » Fri Jan 17, 2014 8:06 pm

I got Error 404 - Not found.
User avatar
Simon
Site Admin
 
Posts: 1306
Joined: Wed Jul 13, 2011 8:53 pm

Re: Page Bakground

New postby Minie » Fri Jan 17, 2014 8:09 pm

ah sorry I have not yet activated url rewriting because this site will be moved when it is full so I didnt active hthaccess file

here is the correct url:

http://temp-host.fr/index.php/contact background dont appear

http://temp-host.fr/index.php/telechargement background appear with the same css class

sry
Minie
 
Posts: 17
Joined: Sat Jan 11, 2014 7:59 am

Re: Page Bakground

New postby Simon » Fri Jan 17, 2014 8:27 pm

http://temp-host.fr/index.php/telechargement
The background image set to .idcontact class.

http://temp-host.fr/index.php/contact - Here you have no element with .idcontact class. You need to add that class to your main content element (with ID=maincontent).

Or you can add the following css somewhere in your content.
Code: Select all
#maincontent {
background-image: url(.../images/fleur-eau.jpg) !important;
background-attachment: fixed;
}
User avatar
Simon
Site Admin
 
Posts: 1306
Joined: Wed Jul 13, 2011 8:53 pm

Re: Page Bakground

New postby Minie » Fri Jan 17, 2014 10:35 pm

I dont want put a background directly on the content cause i will put a different backgound for all pages

You dont see the element with .idcontact class. on "contact" page cause the php script who load the contact form delete it, but it is put in the link menu setting. The contact form just cancel it

I put the same setting on this 2 pages

Image apear on "telechargement" but not on "contact" page

Image
Minie
 
Posts: 17
Joined: Sat Jan 11, 2014 7:59 am

Re: Page Bakground

New postby Simon » Fri Jan 17, 2014 11:31 pm

I do not know what type of content is the page http://temp-host.fr/index.php/telechargement, maybe it does not load any component.

You dont see the element with .idcontact class. on "contact" page cause the php script who load the contact form delete it, but it is put in the link menu setting. The contact form just cancel it

It can not cancel anything. That is default Joomla behavior.

Your background set to class .idcontact
Ther is the following html
Code: Select all
<div class="item-page idcontact">...</div>

But the component page has not such html, it loads content directly into
Code: Select all
<div id="maincontent">here</div>

So you need to do one of the following options
1. add desired class to that div#maincontent
2. write new rule with background css for #maincontent element

Best Regards,
Simon
User avatar
Simon
Site Admin
 
Posts: 1306
Joined: Wed Jul 13, 2011 8:53 pm

Re: Page Bakground

New postby Minie » Sat Jan 18, 2014 8:04 pm

yes I opened this post just to know the procedure for insert one div in component

I do not see at all how to add a div to this page because it is the component that I need to put it, and I do not know where.

Joomla does not allow me to insert a div on the page, it inserts the component directly, so I guess I have to change the component to add my div.

Or can I insert without breaking everything? ^ ^
Minie
 
Posts: 17
Joined: Sat Jan 11, 2014 7:59 am

Re: Page Bakground

New postby Simon » Sat Jan 18, 2014 11:57 pm

Ok, if you need to add extra wrapper div for Sexy Contact Form component, then open the file
Code: Select all
components/com_sexycontactform/views/sexycontactform/tmpl/default.php

and add desired div at line 219, and closed div at line 423.

Best Regards,
Simon
User avatar
Simon
Site Admin
 
Posts: 1306
Joined: Wed Jul 13, 2011 8:53 pm

Re: Page Bakground

New postby Minie » Mon Jan 20, 2014 1:02 pm

Ok thx a lot it workin :)

Link

Verry good support thx !
Minie
 
Posts: 17
Joined: Sat Jan 11, 2014 7:59 am

Re: Page Bakground

New postby Simon » Mon Jan 20, 2014 8:04 pm

I'm happy that we solve the issue.

Do not hesitate to write me, if you will have any other questions.

If you have free time, PLEASE write a review in JED(5 stars please). It is very important for me.
Thanks in advance.

Best Regards,
Simon
User avatar
Simon
Site Admin
 
Posts: 1306
Joined: Wed Jul 13, 2011 8:53 pm


Return to Open discussion

Who is online

Users browsing this forum: No registered users and 7 guests

cron