Home>Support>Customize “read more” text

Customize “read more” text

I want to have the posts which are made by plugging in the url to reflect the font size and color of the page they’re showing an excerpt of. Every plugin I find will let me decorate “read more” with spangles and flashing lights if I want them, but I just want the text to be good sized and black type. I have tried using the Custom CSS and it just doesn’t recognize those boxed sections. If I knew what the css style is, I could put that in, but I don’t.

See http://ehub52.webhostinghub.com/~midcoa11/current-event-forum-meets-every-thursday/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 4 months ago Alex S
    Hi, I Work Here

    Hi Clare,

    You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Please add the following CSS:

    article.post .more-link, article.page .more-link {
    	float: right;
    	padding: 0;
    	border: none !important;
    	background: transparent;
    	font-size: 11px;
    	font-weight: bold;
    	color: inherit;
    	-webkit-box-shadow: none;
    	-moz-box-shadow: none;
    	box-shadow: none;
    	text-shadow: none;
    }
    

    How does that look?

    You might also need to install the SiteOrigin CSS Editor.

  2. 7 years, 4 months ago Clare Durst

    Fantastic. Just what I need! I just couldn't figure out if it was "excerpt"
    or whatever, because I can't edit it with the so CSS editor. Indeed I can't make the CSS editor work at all.. and I did before, so I think I will uninstall and reinstall. Some other plugin may be inhibiting it too, I just realized. But this will help a lot. Thank you!

  3. 7 years, 4 months ago Alex S
    Hi, I Work Here

    Hi Clare,

    By not work at all, do you mean you’re unable to navigate to WP AdminAppearanceCustom CSS or you’re unable to edit the visual modes? If it’s the latter, this sounds like it could be a plugin conflict issue as you suspected. Can you try disabling all non-SiteOrigin plugins and see if this fixes the issue? You’ll need to clear all your caches after disabling your plugins.

    If it does fix the issue, then try re-enabling your plugins one by one until the issue comes back. This procedure will help diagnose which plugin is causing the issue.

    Once we know that, we’ll be able to look at what might be causing the conflict and either solve the problem or help you find an alternative plugin.

  4. 7 years, 4 months ago Clare Durst

    It is the latter, and I do have some JavaScript plugins. I will get back to you, preferably after 7 am!

  5. 7 years, 4 months ago Clare Durst

    I got the extra css in, in the Appearances tab, copied yours and just changed font size and color, but it didn't work. Ah, well.

  6. 7 years, 4 months ago Alex S
    Hi, I Work Here

    Hi Clare,

    Hm. Can you link me to a page where I can see the read more button? I had another look at the linked page and I can’t actually seem to find a read more button anywhere. If you would like to send me a screenshot, you’ll need to upload the image to a third party hosting site like imgur or vgy.me.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More