read more tag

andywattbulb · February 2018

Hello,

I'm using the visual editor to create some info, but there is a lot of text. I would like to hide some of it, but the read more tag doesn't seem to work..
Is there something I am missing?

If it's not compatible in betheme, is there a code snippet I can use to force it?

thanks!

Bryan · February 2018

Hi,
sorry but we do nto have such an option in the theme.
thanks

andywattbulb · March 2018

So is there any other method? Because I have a whole lot of text and I have to make it look less chaotic....

andywattbulb · March 2018

and I don't mean something else besides accoridion

Bryan · March 2018

You would have to write custom scripts or install plugins that might not work.
We do not have any option for this unfortunatelly.

andywattbulb · March 2018

Is there anybody here on the forum who has written a custom script or knows a plugin?

andywattbulb · March 2018

To Muffinsupport:

Okay, maybe I can make a workaround by turning the Accordion into a read me tag. But I would have to change the style and get rid of the design/padding/plus and minus sign. Do you have a snippet of code I can add to the CSS?

Bryan · March 2018

No sorry, we do not have any css to change it. It would be rather complicated and troublesome to make.
What about read more - show more plugins for wordpress. I remember using one like that back in the day.
https://wordpress.org/plugins/tags/read-more/

We do not support any of them but one should work.
thanks

andywattbulb · March 2018

Hmmm....I will check out those plugins. I was able to find this code, but I still need a snippet of code to remove the padding of the theme:

.accordion .question .title > .acc-icon-plus, .accordion .question .title > .acc-icon-minus { display: none !important; }
.accordion .question .title::before { display: none !important; }
.accordion .question .title { padding: 10px !important; }
.accordion .question .answer { background-color: #fcfcfc !important; color: #1f1f1f !important; }

Bryan · March 2018

The only padding in this code is in the title, so just set the padding to 0px.
Since there is !important set, you will have to elongate the path so it get more priority.
thanks

andywattbulb · March 2018

Hey Muffin,

First of all thank your help so far. Really appreciate it

I have one thing I still need to fix. I reduced the padding to 0px like you sugested, but there still seems to be a styling attached to it:

See example: https://www.apsmaastricht.com/wp-content/uploads/2018/03/read-more.jpg

Is there anyway to remove that lining around the box?

Thanks in advance!

Bryan · March 2018

Hi,
can you please attach sthe screenshot again because it does not work.
Also send a link to this page.
thanks

read more tag

Comments