How do you change the offers text size for a cpagrip URL locker?
2016-06-03, 09:28 PM, (This post was last modified: 2016-06-03, 09:31 PM by Fridge.)
#1
So I have the following cpagrip url locker css code:

Code:
body {
    background: transparent;
    font-size: 14px;
}

.offerlst {
    background-color: white !important;
    padding: 10px;
    border-radius: 8px;
    min-height: 80px;
    margin-bottom: 8px;
    font-size: 16px;
}

.each_p_elm {
    margin: 3px 0;
    padding: 3px;
    white-space: nowrap;
}


.main {
    max-width: 360px;
    margin: 0 auto;
}
.top_head_text {
    color: white;
    font-size: 25px;
}
.header {
    text-align: center;
    padding-top: 50px;
    text-align: center;
    padding-bottom: 50px;
}
.header img {
    max-width: 100%;
}
.clearfix {
    clear: both;
}
.download-button {

}
.dl_button{
width:40%;
background: #499bea;
background: -moz-linear-gradient(top,  #499bea 0%, #207ce5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5));
background: -webkit-linear-gradient(top,  #499bea 0%,#207ce5 100%);
background: -o-linear-gradient(top,  #499bea 0%,#207ce5 100%);
background: -ms-linear-gradient(top,  #499bea 0%,#207ce5 100%);
background: linear-gradient(to bottom,  #499bea 0%,#207ce5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 );
border: 1px solid #196bba;
font-size:25px;
}

.dl_button:hover{
background: #207ce5;
background: -moz-linear-gradient(top,  #207ce5 0%, #499bea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#207ce5), color-stop(100%,#499bea));
background: -webkit-linear-gradient(top,  #207ce5 0%,#499bea 100%);
background: -ms-linear-gradient(top,  #207ce5 0%,#499bea 100%);
background: linear-gradient(to bottom,  #207ce5 0%,#499bea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207ce5', endColorstr='#499bea',GradientType=0 );
border: 1px solid #196bba;
}
.dl_button img {
    vertical-align: middle;
    margin-left: 2%;
    margin-top: -5px;
}
.hide-div {

}
.show-div {
    margin-top: 20px;
}

.half-content {
    width: 48%;
    margin-bottom: 30px;
}
.full-content {
    margin-bottom: 30px;
}
.content {
    width: 100%;
    margin-bottom: 10px;
}
.full-button {
}

.link_a img {
    vertical-align: middle;
    margin-left: 1%;
    margin-top: -3px;
}

.link_a, .link_a:link {
width:100%;
background: #499bea; / Old browsers /
background: -moz-linear-gradient(top, #499bea 0%, #207ce5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #499bea), color-stop(100%, #207ce5));
background: -webkit-linear-gradient(top, #499bea 0%, #207ce5 100%);
background: -o-linear-gradient(top, #499bea 0%, #207ce5 100%);
background: -ms-linear-gradient(top, #499bea 0%, #207ce5 100%);
background: linear-gradient(to bottom, #499bea 0%, #207ce5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=0 );
border: 1px solid #196bba;
color: #fff;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
cursor: pointer;
display: inline-block;
font-size: 14px;
line-height: 20px;
margin-bottom: 0;
padding: 4px 12px;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
font-weight: normal;
text-decoration: none;
}
.link_a:hover {
background: #207ce5;
background: -moz-linear-gradient(top, #207ce5 0%, #499bea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #207ce5), color-stop(100%, #499bea));
background: -webkit-linear-gradient(top, #207ce5 0%, #499bea 100%);
background: -ms-linear-gradient(top, #207ce5 0%, #499bea 100%);
background: linear-gradient(to bottom, #207ce5 0%, #499bea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207ce5', endColorstr='#499bea', GradientType=0 );
border: 1px solid #196bba;
transition: background-position 0.1s linear 0s;
}

@media screen and (max-width: 980px) {
    .main {
        padding-left: 2%;
        padding-right: 2%;
    }
    .file-name {
        font-size: 18px;
    }
    .file-size {
        font-size: 23px;
    }
    .file-value {
        font-size: 12px;
    }
    .dl_button {
        font-size: 25px;
    }
    .dl_button img {
        width: 10%;
    }
    .content-hero {
        font-size: 18px;
    }
    .link_a {
        font-size: 11px !important;
    }
    .link_a img {
        width: 8%;
    }
    .section-text-hero {
        font-size: 40px;
    }
    .section-text-zero {
        font-size: 13px;
    }
}

@media screen and (max-width: 900px) {
    .link_a {
        font-size: 10px !important;
    }
}
@media screen and (max-width: 850px) {
    .link_a {
        width: 100%;
    }
    .jumbotron-left {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .jumbotron-right {
        display: none;
    }
    .step-section {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        margin-bottom: 25px;
    }
    .footer-left {
        width: 100%;
        text-align: center;
        margin-left: 0;
        margin-right: 0;
    }
    .footer-right {
        width: 100%;
        text-align: center;
        margin-left: 0;
        margin-right: 0;
    }
    .header {
        padding-bottom: 15px;
    }
    .file-hero {
        text-align: center;
    }
}

@media screen and (max-width: 800px) {
    .steps-hero {
        font-size: 25px;
    }
    .comment-hero {
        font-size: 23px;
    }
    .commenter-name {
        font-size: 20px;
    }
}

@media screen and (max-width: 600px) {
    .link_a {
        font-size: 10px !important;
    }
    .commenter-comment {
        font-size: 13px;
    }
    .comment-hero {
        font-size: 20px;
    }
    .steps-hero {
        font-size: 20px;
    }
    .link_a img {
        margin-left: 1%;
    }
    .content-hero {
        font-size: 16px;
        text-align: center;
    }
    .lead {
        font-size: 12px;
        text-align: center;
    }
    .file-name {
        font-size: 14px;
    }
    .file-size {
        font-size: 20px;
    }
    .file-value {
        font-size: 11px;
    }
    .file-text {
        margin-top: 15px;
    }
}

@media screen and (max-width: 550px) {
    .link_a {
        font-size: 9px1important;
    }
    .dl_button {
        font-size: 17px;
    }
    .jumbotron-left {
        margin-left: 2.5%;
        margin-right: 2.5%;
        width: 95%;
    }

}
@media screen and (max-width: 450px) {
    .jumbotron-left {
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }
    .section-text-hero {
        font-size: 30px;
        margin-bottom: -7px;
    }
    .file-text {
        margin-top: 0px;
    }
    .file-name {
        font-size: 11px;
    }
    .file-size {
        font-size: 15px;
        margin-top: 0px;
    }
    .link_a img {
        display: none;
    }
}

a:hover, a:focus {
    color: #FFFFFF;
    text-decoration: underline;
}

and I want to make the text of the offers a lot bigger so people can actually read it - I tried to play around with it for about 1 hour and a half but still haven't figured out how to make that text bigger. Any ideeas?
Reply
Share This Thread :

2016-06-03, 09:42 PM,
#2
Here yo go mate.

[Image: pSP5QLO.png?2]
Reply
2016-06-03, 09:44 PM,
#3
(2016-06-03, 09:42 PM)#Realtalk. Wrote: Here yo go mate.

[img]/pSP5QLO.png?2[/img]

I'm talking about the URL locker, not about the content locker...
Reply
2016-06-03, 09:54 PM,
#4
.section-text-hero {
font-size: 30px;
margin-bottom: -7px;

Have you tried changing that ^^
Reply
2016-06-03, 11:17 PM,
#5
I ended up asking JohnW to do it for me and it all got sorted out. Got to love CPA Grip support Grin
Reply


Related Threads
Thread Author Replies Views Last Post
  OGAds - Weekly Payments - Landing Pages - Mentor - Hot Offers OGAds 449 73,676 2018-07-16, 01:06 PM
Last Post: OGAds
  What CPA has legit freebie offers? Ruriko 2 102 2018-07-16, 10:10 AM
Last Post: IM2020
  Looking for Pay-Per-Call offers that pays more than $16 Mesina 3 302 2018-07-13, 07:22 AM
Last Post: kalel7676
  Mobile traffic on CPAGrip wixerzp 19 894 2018-06-30, 02:07 AM
Last Post: larcha
  How to Customize CPABUILD Content Locker ? coolcharan 0 126 2018-06-23, 12:06 PM
Last Post: coolcharan





About Us | Contact Us | CPA Elites | Advertise | Stats

© 2013-2018 CPA Elites Ltd
Enhanced by MyBB and WallBB
Return to top