[How-to] Change "Visit Website" button Text, Color and Shape

Discussion in 'Frequently Asked Questions' started by joseph raphael, Feb 21, 2016.

  1. joseph raphael

    joseph raphael Well-Known Member

    Joined:
    Feb 3, 2015
    Messages:
    777
    Likes Received:
    308
    In AppYet Feed module, every article has a link to its source at the end "Bottom Text", Here's how to customize this button to suite your Needs.

    1- Customize the TEXT:

    The code below will change "Visit Website" to "YOUR TEXT HERE"... it will only work in the english version of the app thought.

    Code:
    <script type="text/javascript">
    $(document).ready(function(){strrep = $('.appyet_article').html();
    $('.appyet_visitwebsite').each(function() {var text = $(this).text(); $(this).text(text.replace('Visit website', 'Your TEXT HERE'));});});
    </script>

    2- Customize the Color:

    This code below will change the Button color to RED and the Text on it to WHITE and makes the text bigger and bolder.

    Code:
    <style type="text/css">
    .appyet_visitwebsite {background-color:red !important;color:#FFFFFF !important;margin-top:50px !important;}
    a.appyet_visitwebsite {font-weight:bold !important;color:#FFFFFF !important;text-shadow:none !important;font-family:sans-serif !important;font-size:x-large !important;}
    </style>

    3- Customize the Shape:

    This code below will change the Button shape to a rounded sphere shape, increase / decrease the pixel size (45px) to change the shape.

    Code:
    <style type="text/css">
    .appyet_visitwebsite {border-radius:45px;}
    </style>
     
    #1
    Keve likes this.
  2. Bayu Ramadhanis

    Bayu Ramadhanis New Member

    Joined:
    Jan 11, 2016
    Messages:
    1
    Likes Received:
    0
    Hi Sir..
    Where i can put this code?
     
    #2
  3. joseph raphael

    joseph raphael Well-Known Member

    Joined:
    Feb 3, 2015
    Messages:
    777
    Likes Received:
    308
    Extra Header section in the feed
     
    #3
    Keve likes this.
  4. Mohamed Gomaa

    Mohamed Gomaa New Member

    Joined:
    Mar 20, 2016
    Messages:
    9
    Likes Received:
    0
    Change Text code Don't Work
     
    #4

Share This Page