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.
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.
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.
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>