Add "read more" button or "continue reading"

JeanneStreit

Hello there

I was wondering how I can add a "read more" or "continue reading" button/linked text.

Can you help me?

As there is pretty much text on my webpage I want to hide some of it by having a "read more" linked text so that users can click on it and see the full text.

Thanks for your help - really appreciated!

Phil

Hello,

Unfortunately, no button or link would allow it.

As a workaround, you can use the accordion item.

https://muffingroup.com/betheme/elements/accordion/

If you would like to see such a button/link in the future updates, please, let us know on the following topic:

https://forum.muffingroup.com/betheme/discussion/113/your-suggestions-for-future-updates#latest

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

JeanneStreit

Thank you very much, that already helped a lot.

How can I customize it?

I don't want to have it "in a box/frame" and I want to change the color of the title tabs. Furthermore, I'd like to change the font of the title tabs.

Thank you for your further help!

Phil

Please, go to Betheme -> Theme options -> Global -> General, and switch the style to Simple.

The color can be changed in Theme options -> Colors -> Elements.

But to change the font size, you will have to write a custom CSS code and place it in Theme options -> Custom CSS & JS -> CSS.

Please, let me know if you need help with writing it, but it would help if you attach a link to your website.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

JeanneStreit

Thank you very much.

• I now managed to change the font color when clicking on the accordion. However, the font color is still the same at the beginning (title: Meine Weiterbildungen).

• Furthermore, I changed the style of the accordion to simple. Is there a possibility to delete the shadow of the "box"?
• I would really appreciate your help for writing the CSS code. My website is: https://babylachen.ch/.

Many thanks!

Phil

1,3) Sorry, but I do not see any accordion on your website. Did you remove it or have it on some subpage?

2) Go to Betheme -> Theme options -> Global -> Advanced, and unselect the Shadows checkbox.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

JeanneStreit

Thank you for your reply

You can find the accordion under the tab "Über mich". Please see screenshots below

Beside the two questions above I also have another question, is it possible to also change the color of the line and plus sign (+) to the color #1e3263?

Thank you very much for you help

www.babylachen.ch

Phil

1) Please, check if you have selected Custom Skin in Betheme -> Theme options -> Colors -> General.

2) Use this code to change the font size:

.accordion .title{
   font-size: 20px!important;
}

3) And this to change the icon and line color:

.accordion .title i{
   color: #1e3263!important;
}
.accordion .question{
   border-color: #1e3263!important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

JeanneStreit

Thank you very much!

Unfortunately, the font color is still grey even though I added the CSS code and changed the color settings to custom skin. Is there something else I can try?

Thank you for your help

Phil

If you are sure that you changed the accordion title color in the theme options:

Please send us WordPress dashboard access privately thru the contact form, which is on the right side at http://themeforest.net/user/muffingroup#contact and we will check what might be the reason.

Notice!

Please attach a link to this forum discussion.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next