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

[Solved] Display Category Anchors- Inline Anchors

More

13 years 2 months ago #8961 by PeterV

Replied by PeterV on topic Re: [Solved] Display Category Anchors- Inline Anchors

Hey, I just bought the 1.7 version and would also like to get my anchors back

Could you send me those files too?

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

13 years 2 months ago #8909 by douglas

Replied by douglas on topic Re: Display Category Anchors

Dear Sarrene,

Thanks for sharing.

All the best,

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

More

13 years 2 months ago #8907 by sarrene

Replied by sarrene on topic Re: Display Category Anchors

Okay, boss.. I think I have the spacing correct, and I removed the background to the hover for the anchors. (it was taking on the panel hover properties). I hate using !important, though it was the only solution i could find that worked and was not overridden.

The hover colour is custom based on my templates style. So if anyone wants to adjust the hover colour, they would need to add in their own.

So, here is what i have:
support.darkrelic.com/support-links/faqs

Code:

.moofaq-anchors{background:transparent;display:inline;padding-right:8px} .moofaq-anchors a:hover{background:transparent!important; color:#44180F!important;} .moofaq-anchors p {display: inline;} .moofaq-anchors ul, .moofaq-anchors li {display: inline;margin: 0;padding-right: 15px;padding-left: 5px;color: #339;font-weight: bold;}

Let me know what you think.

Peace,
Sarrene'

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

More

13 years 2 months ago #8905 by sarrene

Replied by sarrene on topic Re: Display Category Anchors

Okay, it still needs some adjustment to it.. but I Think I am getting there. I also specified a few more parameters in the css- p,ul and li.

Code:

.moofaq-anchors{display:inline;padding-right:8px} .moofaq-anchors p {display: inline;} .moofaq-anchors ul, .moofaq-anchors li {display: inline;margin: 0;padding: 0;color: #339;font-weight: bold;}

I now need to adjust the spacing itself. or add in a separator in between each of them. Let me know if this looks good.. or if there is a cleaner way of attempting this? I will post up final css once I get this figured out.

Peace,
Sarrene'

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

More

13 years 2 months ago - 13 years 2 months ago #8904 by sarrene

Replied by sarrene on topic Re: Display Category Anchors

Ooohh! I will try this out right away! I knew it had to have inline there, though I had not had a chance to try yet. Now you have distracted me!

Anyways, I will let you know how it turns out for sure! Thanks boss!

EDIT: Working on this now, but does not seem to work out. I think something in the template itself might be distracting from the commands. However in firebug it is not showing that this is being over ridden.
Instead it seems to actually push the list a bit to the left. Thoughts?

Last edit: 13 years 2 months ago by sarrene. Reason: Added css line- update

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

13 years 2 months ago #8903 by douglas

Replied by douglas on topic Re: Display Category Anchors

Dear Sarrene,

In order to diplay horizontally, please open the CSS file support.darkrelic.com/components/com_moo.../basic/css/panel.css and add this rule:

Code:

.moofaq-anchors{display:inline;padding-right:8px}

Best regards,

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

Time to create page: 0.445 seconds

Powered by Kunena Forum

Our Partners

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

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.