Add "read more" button or "continue reading"

JeanneStreit · December 2021

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 · December 2021

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

JeanneStreit · December 2021

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 · December 2021

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

JeanneStreit · December 2021

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).

Bildschirmfoto 2021-12-25 um 16.26.32.png

Bildschirmfoto 2021-12-25 um 16.25.37.png

Bildschirmfoto 2021-12-25 um 16.25.49.png

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 · December 2021

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

JeanneStreit · December 2021

Thank you for your reply

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

Bildschirmfoto 2021-12-28 um 14.42.42.png

Bildschirmfoto 2021-12-28 um 14.43.13.png

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 · December 2021

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

JeanneStreit · December 2021

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

Bildschirmfoto 2021-12-30 um 17.08.07.png

Bildschirmfoto 2021-12-30 um 17.08.19.png

Phil · December 2021

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

Add "read more" button or "continue reading"

Comments