- Posts: 5
- Thank you received: 0
Frequently Asked Questions using Joomla content articles. iFAQ (former MooFAQ) is a FAQ Component for Joomla!™ which uses jQuery and Bootstrap to load Joomla Articles in Accordion format.
Product Page | Documentation Page
Product Page | Documentation Page
Display an image to the right hand side of the FAQ Header?
15 years 8 months ago #356 by jonnyt
Replied by jonnyt on topic Re:Display an image to the right hand side of the FAQ Header?
test.harrogatebuildingtrades.co.uk/index...id,31/view,category/
My FAQ now looks great with MooFAQ.
i have managed to get the image to the right hand side which looks great but now im thinking, "what would make it even better?"
So, stepping things up to the next level I now ask:-
1) For the rigth hand image what needs to be done to make it a rollover image. I have reveal.png and reveal-roll.png.
2) If the item is exapanded then change the right hand side image to hide.png
Im thinking the above requires some code modifications, but hey these could be suggestions for future builds!
Anyway, my implementation of mooFAQ is getting close to being template worthy!
Many thanks!
My FAQ now looks great with MooFAQ.
i have managed to get the image to the right hand side which looks great but now im thinking, "what would make it even better?"
So, stepping things up to the next level I now ask:-
1) For the rigth hand image what needs to be done to make it a rollover image. I have reveal.png and reveal-roll.png.
2) If the item is exapanded then change the right hand side image to hide.png
Im thinking the above requires some code modifications, but hey these could be suggestions for future builds!
Anyway, my implementation of mooFAQ is getting close to being template worthy!
Many thanks!
Please Log in or Create an account to join the conversation.
15 years 8 months ago #354 by jonnyt
Replied by jonnyt on topic Re:Display an image to the right hand side of the FAQ Header?
test.harrogatebuildingtrades.co.uk/index...id,31/view,category/
Works great and looks great!
thanks!
Works great and looks great!
thanks!
Please Log in or Create an account to join the conversation.
- douglas
-
- Visitor
-
15 years 8 months ago - 15 years 8 months ago #350 by douglas
Replied by douglas on topic Re:Display an image to the right hand side of the FAQ Header?
For some reason my ISP returns a message that your website could not be found. The funny thing is that I've just visited it.
Anyway, I think I understand know what you want. You want a small image on the right of each FAQ title. Is that it?
In order to do so, please change this line:For this one:
.pane-sliders .panel h3{background:url(../images/reveal.png) no-repeat scroll 98% 50%;color:#FF6600; font-size:15px;}
And don't forget to upload your image to the server.
Regards,
Anyway, I think I understand know what you want. You want a small image on the right of each FAQ title. Is that it?
In order to do so, please change this line:
Code:
.pane-sliders .panel h3{color:#FF6600; font-size:15px;}
.pane-sliders .panel h3{background:url(../images/reveal.png) no-repeat scroll 98% 50%;color:#FF6600; font-size:15px;}
And don't forget to upload your image to the server.
Regards,
Last edit: 15 years 8 months ago by douglas.
Please Log in or Create an account to join the conversation.
15 years 8 months ago #349 by jonnyt
Replied by jonnyt on topic Re:Display an image to the right hand side of the FAQ Header?
www.harrogatebuildingtrades.co.uk/direct...ory&id=31&Itemid=117
Ive done everything you said but its still not displaying?
here is my panel.css code which i have modified slightly:-
Ive done everything you said but its still not displaying?
here is my panel.css code which i have modified slightly:-
Code:
.pane-sliders .title{margin:0;padding:2px;color:#666;cursor:pointer} .pane-sliders .panel{border:1px solid #ccc;margin-bottom:3px} .pane-sliders .panel h3{color:#FF6600; font-size:15px;} .pane-sliders .content{padding:9px;background:#f6f6f6;padding:20px;} .pane-sliders .adminlist{border:0 none} .pane-sliders .adminlist td{border:0 none} .jpane-toggler span{background:transparent url(../images/j_arrow.png) 5px 50% no-repeat;padding-left:30px} .jpane-toggler-down span{background:transparent url(../images/j_arrow_down.png) 5px 50% no-repeat;padding-left:20px} .jpane-toggler-down{ border-bottom:1px solid #ccc;padding-left:20px;}
Please Log in or Create an account to join the conversation.
- douglas
-
- Visitor
-
15 years 8 months ago #348 by douglas
Replied by douglas on topic Re:Display an image to the right hand side of the FAQ Header?
Dear Jonny,
You can add a description for the General FAQ Category and add your image and/or message there.
Also, make sure you set the menu item parameters to show description and image.
Regards,
You can add a description for the General FAQ Category and add your image and/or message there.
Also, make sure you set the menu item parameters to show description and image.
Regards,
Please Log in or Create an account to join the conversation.
15 years 8 months ago #347 by jonnyt
Display an image to the right hand side of the FAQ Header? was created by jonnyt
www.harrogatebuildingtrades.co.uk/direct...ory&id=31&Itemid=117
How Can i display a custom image to the right hand side of the FAQ Header?
my image is reveal.png
and the idea is the it helps the user to understand that they need to click reveal to reveal the answer.
Many thanks for your kind help!
How Can i display a custom image to the right hand side of the FAQ Header?
my image is reveal.png
and the idea is the it helps the user to understand that they need to click reveal to reveal the answer.
Many thanks for your kind help!
Please Log in or Create an account to join the conversation.
Time to create page: 0.242 seconds
Copyright © 2025 Ideal Extensions for Joomla!. All Rights Reserved.
Unauthorized copying, reproduction, or distribution of this site's design and content, in whole or in part, is strictly prohibited without prior written consent from the copyright holder.
This site is independent and not affiliated with or endorsed by the Joomla! Project. It is neither supported nor warranted by the Joomla! Project or Open Source Matters. The Joomla! logo is used under a limited license granted by Open Source Matters, the trademark holder in the United States and other countries.
For security purposes and to derive aggregate information (analytics), we may collect your IP address and your browser's User Agent string while you are using our site.