Rules Advanced Setting: CSS for Read More Button shortcode

This topic is: resolved

 

Thank you for contacting me. Please note that I live in the GMT+3 time zone - responses might be delayed by this.

This topic has 5 replies, 2 voices, and was last updated 2 years, 7 months ago by Szabi – CodeRevolution.

Viewing 5 reply threads
  • Author
    Posts

    • April 6, 2022 at 2:57 pm #4874


      MountainDew
      Participant
      Post count: 13

      Hi,

      In the Rules Advanced Settings, under Generated Post Content

      the default shortcut is:  %%item_content%%<br/>%%item_read_more_button%%

      After generating running and generating a post, the standard code returns as:

      Read More

      ——————————————————————————————————–

      My question is, where can I change the css code for the ?

      I don’t want to use the default “button purchase” class, but rather my own custom css code.

    • April 6, 2022 at 3:01 pm #4875


      MountainDew
      Participant
      Post count: 13

      Sorry, the html code didn’t display for the Read More button

      Here is it again:

      <a class=”button purchase” href=” …..

      How can I change the css code for the default “button purchase” class? I would like to use my own custom css class code. I can’t find the default css code anywhere in the theme editor.

      Thanks

    • April 6, 2022 at 3:02 pm #4876


      Szabi – CodeRevolution
      Keymaster
      Post count: 4577

      Hello,

      You can edit the styling of the buttons by adding CSS to your website. Please check details on how to add CSS to WordPress, here: https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

      You might need a WordPress freelancer’s services to write the needed CSS code for you, to match the visual styling you would like to add to the ‘Read More’ button.

      Regards, Szabi – CodeRevolution.

    • April 6, 2022 at 3:09 pm #4877


      MountainDew
      Participant
      Post count: 13

      Hi, the default shortcut is: %%item_content%%<br/>%%item_read_more_button%%

      How do I tweak or access the shortcode for the %%item_read_more_button%%,

      because the default of the html code returns <a class=”button purchase” href=” …..

      I’m looking for the location of the css code to delete the class =”button purchase” so I can insert my custom class.

      thanks

    • April 6, 2022 at 3:48 pm #4878


      Szabi – CodeRevolution
      Keymaster
      Post count: 4577

      Oh, now I understand your question.

      You can replace %%item_read_more_button%% with the following HTML code:

      <a href=”%%item_url%%” target=”_blank” class=”YOUR_CUSTOM_CLASS”>Read More</a>

      Regards.

    • April 6, 2022 at 3:49 pm #4879


      Szabi – CodeRevolution
      Keymaster
      Post count: 4577

      Please note that my commenting system automatically replaces normal double quotes with ”, please edit these from above and replace them with normal double quotes.

      Regards.

  • Author
    Posts
Viewing 5 reply threads

The topic ‘Rules Advanced Setting: CSS for Read More Button shortcode’ is closed to new replies.