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

joseph raphael

Well-Known Member
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>
 
Top