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

Changing the row-heights

More
12 years 2 months ago #13075 by sixeleven
Replied by sixeleven on topic Changing the row-heights
Yep, that looks much better. Thanks so much, Douglas!!!

Please Log in or Create an account to join the conversation.

12 years 2 months ago #13074 by douglas
Replied by douglas on topic Changing the row-heights
Dear Six,

I'm sorry... the ".moofaq .panel h3 a" rule is in the CSS file below, but it is not in the same format
[path to Joomla]/components/com_moofaq/templates/target/css/panel.css

As for the other rule it was actually in your template's language file and I did not noticed it, so we will replace make another change.

In the same CSS file (above), find:
Code:
.moofaq .panel h3.pane-toggler-down{padding-left:25px;background:#d2d9de url(../images/opened.png) 5px 50% no-repeat;} .moofaq .panel h3.pane-toggler{padding-left:28px;background:#d2d9de url(../images/closed.png) 5px 50% no-repeat}
and replace with:
Code:
.moofaq .panel h3.pane-toggler-down{ padding: 0 0 0 28px !important; background:#d2d9de url(../images/opened.png) 5px 50% no-repeat; } .moofaq .panel h3.pane-toggler { background: url("../images/closed.png") no-repeat scroll 5px 50% #D2D9DE; padding: 0 0 0 28px !important; }

Please Log in or Create an account to join the conversation.

More
12 years 2 months ago #13073 by sixeleven
Replied by sixeleven on topic Changing the row-heights
ups, my css is different:

/* Definition Title */
.moofaq h3.title{background:#d2d9de;cursor:pointer;margin:0 !important;padding:3px;color:#fff;font-size:130%}
.moofaq .panel{margin-top:-1px;border:0 !important}
.moofaq .panel h3{-moz-border-radius:15px;border:1px #fff solid;}

/* Icons */
.moofaq .panel h3.pane-toggler-down{padding-left:25px;background:#d2d9de url(../images/opened.png) 5px 50% no-repeat;}
.moofaq .panel h3.pane-toggler{padding-left:28px;background:#d2d9de url(../images/closed.png) 5px 50% no-repeat}



.moofaq .panel h3.pane-toggler-down a,.moofaq .panel h3.pane-toggler a{background:none !important;}
.moofaq .pane-slider{border:0;padding:0 !important;margin:0 !important;background-image:none;}

/* Bgrd Textfield */
.moofaq .pane-slider .paneopen{-moz-border-radius:15px;border:1px #ccc solid;padding:0 10px;margin:0 !important;
background-color:#e9e2ef}


/* Link Style */
.moofaq .panel h3 a{display:block;padding:6px;text-decoration:none;color:#444;padding:6px;border:none !important}
.moofaq .panel h3.pane-toggler a:hover,
.moofaq .panel h3.pane-toggler a:active,
.moofaq .panel h3.pane-toggler a:focus,
#main .moofaq a:focus,#main .moofaq a:active,#main .moofaq a:hover
{background-color:transparent;color:#444}
.moofaq-modal{margin:5px}
.moofaq-irecommend-link{text-align:right}

Please Log in or Create an account to join the conversation.

12 years 2 months ago #13072 by douglas
Replied by douglas on topic Changing the row-heights
Dear Six,

Please open:
[path to Joomla]/components/com_moofaq/templates/target/css/panel.css

Find:
Code:
.moofaq .panel h3 a { border: medium none !important; color: #444444; display: block; padding: 6px; text-decoration: none; }
replace with:
Code:
.moofaq .panel h3 a { border: medium none !important; color: #444444; display: block; padding:0; text-decoration: none; }

Then find:
Code:
.pane-sliders .panel h3 { border-bottom: 1px solid #EEEEEE; color: #2F3336; padding: 5px 0; text-transform: uppercase; }
and replace with:
Code:
.pane-sliders .panel h3 { border-bottom: 1px solid #EEEEEE; color: #2F3336; padding:0; text-transform: uppercase; }

Best regards,

Please Log in or Create an account to join the conversation.

More
12 years 2 months ago - 12 years 2 months ago #13071 by sixeleven
Replied by sixeleven on topic Changing the row-heights
****************
Last edit: 12 years 2 months ago by sixeleven.

Please Log in or Create an account to join the conversation.

12 years 2 months ago #13070 by douglas
Replied by douglas on topic Changing the row-heights
Dear Six,

Can you provide a direct link, so I can take a closer look and suggest a CSS change?

Best regards,

Please Log in or Create an account to join the conversation.

Time to create page: 0.244 seconds

Our Partners

For your web hosting needs we recommend Hostinger. Save 20% on any plan using this link.