Change the 'Read More' text on blog page excerpts on X theme

Support
#1

Hi, I have a client who has a preference over the use of capital letters. She is keen for the ‘Read More’ text after blog excerpts to say ‘Read more’ and not ‘Read More’, in other words simply changing the ‘M’ to a lowercase. I understand that this needs to be done using a child theme and inserting some code into functions.php. Could you please tell me what code I need to achieve this.

Thanks,
Lewis

#2

Hi Lewis,

Thanks for reaching out.

There’s no need for you to add a custom PHP code to achieve this. This can done with CSS with the first-letter pseudo element. Please copy the code below and paste in your X > Theme Options > CSS.

.more-link {
  text-transform: lowercase;
}
.more-link:first-letter {
  text-transform: uppercase;
}

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.

Thank you.

#3

Thanks for your reply. I’m pretty good at CSS but I wasn’t aware of the first-letter pseudo element, so it’s good to learn something new. Unfortunately it didn’t work. I tried it with !important and also the double colon but it didn’t make any difference. Any ideas? Thanks in advance.

#4

Ok I managed to figure it out by setting the display property to inline-block for the .more-link. I therefore changed the above code to this instead:

.more-link {
  text-transform: lowercase;
  display: inline-block;
}

.more-link:first-letter {
  text-transform: uppercase;
}
#5

Hi @LewisWallis,

We’re glad that you’re able to find a solution to your problem. If you have any other concerns regarding our theme features, feel free to reach us.

Thank you.

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.