Site name

Welcome, Guest
Username Password: Remember me

Making layout like in the demo no. 3. but fronting some issues.
(1 viewing) (1) Guest
Support requests and general discussions
  • Page:
  • 1

TOPIC: Making layout like in the demo no. 3. but fronting some issues.

Making layout like in the demo no. 3. but fronting some issues. 31 Jul 2012 11:15 #5991

  • Dolke
  • OFFLINE
  • Fresh Boarder
  • Posts: 2
  • Karma: 0
Hi,

I'm building new website on Joomla 2.5.6 and I have just installed Fox Contact extension. I copied the neon.css file to neonEdited.css which I want to use for styling the component at the front end.

1st issue that I experienced is that I dont know how to switch to use that CSS style. In the advanced options I have dropdown manu with only 2 choices. One is default, and 2nd is install.css

How to choose to use that css style?

2nd question is what I need to edit and how in order to get text on the right and contact form on the top left like I drawled on the screenshot? I noticed that I can use html tags in the text filed that is displaying text before the form so I can put some small icons and logo like on the demo no. 3. Basically, I want to accomplish similar layout like in the demo no. 3
ss.jpg

Re: Making layout like in the demo no. 3. but fronting some issues. 31 Jul 2012 12:07 #5993

  • gyroglm
  • OFFLINE
  • Moderator
  • Posts: 416
  • Karma: 21
In the advanced options I have dropdown with only 2 choices. One is default, and 2nd is install.css
This is a bug which appeared in 2.0.17.
I'm guessing, but can't guarantee, that it will be fixed in 2.0.18. A fix has been posted, but for now, it's probably easier to save a copy of the original neon.css and alter neon.css itself.

I want to accomplish similar layout like in the demo no. 3
This is done by using FC as a module, not as a component which is linked to by a menu item.
1. Make a new module of type Fox Contact.
2. Assign it to a non-existent position in your template, eg. fox.
3. Make a new article (page), create the right-hand content.
4. Edit the html created to look similar to this -
<div style="float:left; width:50%;">{loadposition fox}</div>
<div style="float:right; width:45%;">
<... the content you just created ...>
</div>
You might want to have width set to a certain value, eg width=200px; instead of a percentage
  • Page:
  • 1
Moderators: dkinney9, gyroglm, rscott7706
Time to create page: 0.83 seconds