Recent
Categories
View Replies (6)

Modify Showcase layout

0
Votes
Undo
  1. Guest
    tiffgrooves
  2. Free Templates / Extensions
  3. Saturday, 07 April 2012
  4.  Subscribe via email
I wanted to place a contact form module within the "showcase" position, to the right (similar to how it would appear in the "sidecolumn" position). I adjusted the css to reduce the width of the slide show to 650px. Then I setup the module. When I put it in the "showcase" position, it places itself under the slide show and stretches across the entire section. What files / code could I modify to set its width at 250px and place it the right of the slider?

Thanks in advance for your help!
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi

You will need to make some amendments to your CSS to allow your 'showcase' module position to accommodate your contact form. Would you have a URL to a page with both modules enabled so we can investigate it further?

Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 1
Guest
Guest
Accepted Answer Pending Moderation
0
Votes
Undo
Yes, thanks for getting back to me. This has completely stumped me. I tried adjusting the width of the contact form in firebug, but it still breaks. Here is the site:

[removed link]

Right now the contact form is in the sidecolumn position.
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Could I ask you to place the login module in the 'showcase' module position so we can ensure the styling we add is correct to accommodate the 2 modules.

Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 3
Guest
Guest
Accepted Answer Pending Moderation
0
Votes
Undo
Of course. Done.
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Try adding the following CSS to the end of your templates template.css...

[code type=css]#ajaxcontact {
float: left;
width: 240px;
padding: 40px 20px;
}
.NivoSzakiSlider {
width: 650px;
float: left;
}[/code]

Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 5
Guest
Guest
Accepted Answer Pending Moderation
0
Votes
Undo
Yay! Thank you. I'll purchase the template now. Thanks so much for your help.
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok