Support Forum

Every time that you post a problem, PLEASE add the Joomla and the extension's versions and revisions (for example: Joomla 3.3.6, Contact Enhanced 3.3.5), PHP version and Server's Operating System. If you only manage only one site it is easier if you edit your profile and just add that information to your signature. Don't forget to add a detailed description of the problem. If possible, write down all steps to simulate the problem.

Before submitting a new post, PLEASE make sure you are running the latest version, test in different browsers (IE, FF, Chrome,..) and clear Joomla and browser's cache after every change you make.

Also, most questions are already answered in our FAQ and in iFAQ and Contact Enhanced documentation pages.

  1. Forum
  3. Ideal Joomla Extensions
  5. Component: iFAQ - Frequently Asked Questions
  7. Changing the row-heights
× 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

11 years 5 months ago #13069 by sixeleven
Hi Douglas

The row-heights of the titles are in my eyes to high and I'd like to reduce them to the half, but I can't see a dsfinition for em in the css.

Do you have a tipp for me?

Regards, six

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

11 years 5 months ago #13070 by douglas
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.

11 years 5 months ago - 11 years 5 months ago #13071 by sixeleven
****************

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

11 years 5 months ago #13072 by douglas
Dear Six,

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

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

Then find:
.pane-sliders .panel h3 {
  border-bottom: 1px solid #EEEEEE;
  color: #2F3336;
  padding: 5px 0;
  text-transform: uppercase;
}
and replace with:
.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.

11 years 5 months ago #13073 by sixeleven
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.

11 years 5 months ago #13074 by douglas
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:
.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:
.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.

11 years 5 months ago #13075 by sixeleven
Yep, that looks much better. Thanks so much, Douglas!!!

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

  1. Forum
  3. Ideal Joomla Extensions
  5. Component: iFAQ - Frequently Asked Questions
  7. Changing the row-heights
Powered by Kunena Forum

Copyright © 2018 IdealExtensions.com. All Rights Reserved.

This site is not affiliated with or endorsed by the Joomla!™ Project. It is not supported or 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.
We may collect your IP address and your browser's User Agent string while using our site for security reasons and deriving aggregate information (analytics). This information is retained for a minimum of 1 and a maximum of 24 months.
Feedback