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
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 ^^
Latest Thanks - View all

Fridge(2016-06-03 11:17 PM) 
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
Latest Thanks - View all

OnlyProfit(2016-06-03 11:34 PM) 
Reply


Possibly Related Threads...
Thread Author Replies Views Last Post
  OGAds - Weekly Payments - Landing Pages - Mentor - Hot Offers OGAds 389 54,009 Yesterday, 10:59 PM
Last Post: adeakin
  Landing pages bulider for cpa offers mamalaabadi 3 220 2017-12-12, 12:42 AM
Last Post: imonambot
  Looking For CPA network have good product trial offers 5light 1 83 2017-12-03, 12:10 AM
Last Post: rinkidi
  How can I make a Mediafire content locker ? TheSillyHat 4 185 2017-12-02, 12:56 AM
Last Post: lizha11
  refer locker cpa grip CONNOR_JAMES 0 90 2017-11-23, 09:11 AM
Last Post: CONNOR_JAMES





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

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