I need to customize my page

  • Unknown's avatar
    dreaminmeblog · Member ·

    Hi, I am trying to add a ‘shop now’ button on my blog. There is no html or css code option available. Can you help me in that?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    otpidusprime · Member ·

    Hi @dreaminmeblog,
    Can you tell us where exactly are you trying to put the shop now button?

    If you are trying to add that button on a post or a page then and you are on a free WordPress.com plan, then you can use inline CSS, by switching to the HTML tab on the post/page editor, like this:
    <a href="#" style="background: #000; color: #fff; padding: 10px 20px;">SHOP NOW</a>

    And, if you are on a premium or a business plan then you can just add a link with the shop now text with a custom class like this:
    <a href="#" class="shop_button">SHOP NOW</a>
    and then style this link to look like a button like using this CSS: 

    .shop_button {
  background: #000000;
  color: #ffffff;
  padding: 10px 20px;
}

    you change the values according to the look you want for this button.

    NOTE: Editing CSS is a part of the premium and business plans. So upgrade you account to any one of these plans to use the CSS editor. Know more about this plans here: https://wordpress.com/pricing/.

    Read more about editing CSS here:
    https://en.support.wordpress.com/custom-design/editing-css/

    Let us know if it helps :)

  • The topic ‘I need to customize my page’ is closed to new replies.