Joomla Templates Club 406,261 posts

[okkhalid Friend okkhalidJoin date: November 2012Posts: 229Downloads:2Uploads:133 Thanked: 3 times in 1 posts]

#197905

Hello,

I need help to get the layout of the page I have pasted the link above.

I’m not sure how it could be done 😮

I have assigned a page “menu item” to a contact form. then i have created a custom html and placed it in feature1

now the issue I have:
1) the page become smaller that it suppose to be.
2) the text are on the edge of the page.

It suppose to be like this:

---

Attachments:

1. 
2. 

[fmfame Friend fmfameJoin date: October 2013Posts: 228Downloads:4Uploads:39 Thanks: 8 Thanked: 25 times in 1 posts]

#535669

if you add custom html you have to style this via css and module suffixes.

If you use contact form it works fine…

So thats normal if you add a simple custom html that it looks very simple.

in which page you mean “the page become smaller that it supposed to be”?

can you post a link?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#535670

You can try to fix it by adding declaration below into the templates/ja_decor/css/custom.css file.


#t3-content form#userForm {
padding: 30px;
font-size: 16px;
}


[okkhalid Friend okkhalidJoin date: November 2012Posts: 229Downloads:2Uploads:133 Thanked: 3 times in 1 posts]

#535705

steps I took, I have assigned an article to the menu so, the article now looks fine with the edge of the page.
the form is still very close to the edge of the page. I have applied the code but still not working for the form.

Please help . thanks

[fmfame Friend fmfameJoin date: October 2013Posts: 228Downloads:4Uploads:39 Thanks: 8 Thanked: 25 times in 1 posts]

#535706

remove the code and try this

fieldset.formFieldset ol.formContainer {
padding: 30px;
font-size: 16px;
}

have a nice day

[okkhalid Friend okkhalidJoin date: November 2012Posts: 229Downloads:2Uploads:133 Thanked: 3 times in 1 posts]

#535710

Hi, I removed the code and inserted the new one, but still no change. thanks

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#535808

<em>@okkhalid 428024 wrote:</em><blockquote>Hi, I removed the code and inserted the new one, but still no change. thanks</blockquote>

I just fixed directly on your site by adding following rule to the templates/ja_decor/css/custom.css file:


form#userForm {
padding: 30px;
font-size: 16px;
}


[okkhalid Friend okkhalidJoin date: November 2012Posts: 229Downloads:2Uploads:133 Thanked: 3 times in 1 posts]

#535943

Thank you Ninja Lead for the help.

[Author]

Posts