Login   Create Account
4724 -
TUTORIAL Upgrade Page Responsive
Pages (2): 1 2

Thread Author
Lobos

12
Rep
92
Thanks

InLobos.com
Head Staff
Token: 22₮
Vouches -1
Threads: 130
Posts: 283
2 Years Of Service


#1
12-25-2020, 05:19 PM (This post was last modified: 04-03-2022, 11:33 AM by @admin.)
Preview
PC: https://i.imgur.com/vWw7NOt.png
MOBILE: https://i.imgur.com/kaxRnFr.png

Hidden Content
Please like this post in order to reveal the hidden contents.


PHP Code:
@media only screen and (max-width: 925px) {
.mobilevrs1 {
    flex: none!important;
    width: 100%;
}
}

.Username-1-style{
   color: #FFDF00 ;
    font-size: 16px;
}

.Username-2-style{
   color: #c8378d;
    font-size: 16px; 
    background-image: url(/images/Carbonblue/bg1.gif);
}

.Username-3-style{
   color: #57a1d4;
    font-size: 16px;
    background-image: url(/images/Carbonblue/bg1.gif);
}

.groupimagebg{
   background-color: #222222; 
    padding: 12px;
    text-align: center;
}

.redeemcodethead{
    color: #fff;    
    padding: 12px;
    border-radius: 2px; 
    background-color: #2f2f2f !important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
    text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
    border-radius: 3px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
}

.redeemcodeinputbg{
    background-color: #282828;
    padding: 12px;
    border-bottom: 1px solid #303030;
    color: #fff;
}

.paymentsbg{
    background-color: #2f2f2f; 
    padding: 10px;color: grey;
    text-align: center;
}

.paymentslistbg{
    background-color: #282828; 
    padding: 12px;
    text-align: center;
}

.userperksbf{
   background-color: #2f2f2f; 
   padding: 10px;color: grey;
   text-align: center;
}

.perklistbg{
   background-color: #242424;
   padding: 12px;
   border-top: 1px solid #2a2a2a;
   border-bottom: 1px solid #1B1B1B;
}

.Firstgroupthead{
    color: #fff;
    padding: 12px;
    border-radius: 2px; 
    background: linear-gradient(90deg,rgba(43,44,50,1) 0%,rgba(255, 235, 59, 0.27) 40%,#FFEB3B 100%)!important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
    text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
    border-radius: 3px;
    font-size: 1.2rem;
    font-weight: bold;
}

.firstgroupprice{
    background-color: rgba(0, 0, 0, 0.2);
    padding: 12px;float: right;
    margin: -12px;
}

.periodtimeg{
background-color: #242424; 
    padding: 12px;
    border-bottom: 1px solid #303030;
    color: #fff;
}

.Secondgroupthead{
    color: #fff;    
    padding: 12px;
    border-radius: 2px; 
    background: linear-gradient(90deg,rgba(43,44,50,1) 0%,rgba(255, 59, 249, 0.44) 40%,#ea3bff 100%)!important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
    text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
    border-radius: 3px;
    font-size: 1.2rem;
    font-weight: bold;
}

.secondgroupprice{
    background-color: rgba(0, 0, 0, 0.2);
    padding: 12px;
    float: right;
    margin: -12px;
}


.thirdgroupthead{
    color: #fff;    
    padding: 12px;
    border-radius: 2px; 
    background: linear-gradient(90deg,rgba(43,44,50,1) 0%,rgba(59, 137, 255, 0.41) 40%,#3b89ff 100%)!important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
    text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
    border-radius: 3px;
    font-size: 1.2rem;
    font-weight: bold;
}

.thirdgroupprice{
    background-color: rgba(0, 0, 0, 0.2);
    padding: 12px;
    float: right;
    margin: -12px;
}

.usernamebg{
    background-color: #242424;
    padding: 10px;color: grey;
    text-align: center;
}

.fa-check:before{
color: #03c123;
}

.fa-times:before{
color: #ff2626;
}

.purchasebutt{
    padding: 13px;
    background-color: #282828;
    text-align: center;
    font-size: 17px;
}

.purchasebutt:hover{
    padding: 13px;
    background-color: #8d3838;
    text-align: center;
    font-size: 17px;
    color: #fff;
} 
Discord:Lobos#8684
4 users Like this post

SobiTech

0
Rep
0
Thanks

Junior Member
Supreme
Token: 10₮
Vouches 0
Threads: 2
Posts: 23
2 Years Of Service


#2
12-26-2020, 05:24 PM
Thanks mate its for all themes? or only specific theme?
Reply

Thread Author
Lobos

12
Rep
92
Thanks

InLobos.com
Head Staff
Token: 22₮
Vouches -1
Threads: 130
Posts: 283
2 Years Of Service


#3
12-26-2020, 05:30 PM
(12-26-2020, 05:24 PM)SobiTech Wrote: Thanks mate its for all themes? or only specific theme?

All themes
Discord:Lobos#8684
Reply

SobiTech

0
Rep
0
Thanks

Junior Member
Supreme
Token: 10₮
Vouches 0
Threads: 2
Posts: 23
2 Years Of Service


#4
12-26-2020, 05:34 PM
but on my theme its not working, i am using Emerald theme
Reply

Thread Author
Lobos

12
Rep
92
Thanks

InLobos.com
Head Staff
Token: 22₮
Vouches -1
Threads: 130
Posts: 283
2 Years Of Service


#5
12-26-2020, 05:44 PM
Are you using Page manager?
PM me on discord to help you
Discord:Lobos#8684
Reply

SobiTech

0
Rep
0
Thanks

Junior Member
Supreme
Token: 10₮
Vouches 0
Threads: 2
Posts: 23
2 Years Of Service


#6
12-27-2020, 03:47 PM
yes i am using page manager, can you please guide me where i shell put this CSS code? in global.css, or any other css file?
Reply

Thread Author
Lobos

12
Rep
92
Thanks

InLobos.com
Head Staff
Token: 22₮
Vouches -1
Threads: 130
Posts: 283
2 Years Of Service


#7
12-27-2020, 04:46 PM
Yeah, Add that css in global.css and html in page manager
Discord:Lobos#8684
Reply

SobiTech

0
Rep
0
Thanks

Junior Member
Supreme
Token: 10₮
Vouches 0
Threads: 2
Posts: 23
2 Years Of Service


#8
12-28-2020, 04:12 AM
yes i did the same thing, but still its not working on my testing purpose theme "Emerald"
Reply

Thread Author
Lobos

12
Rep
92
Thanks

InLobos.com
Head Staff
Token: 22₮
Vouches -1
Threads: 130
Posts: 283
2 Years Of Service


#9
12-28-2020, 08:48 AM
Pm me on discord
Discord:Lobos#8684
Reply

Initius

0
Rep
1
Thanks

Initius
Royal
Token: 10₮
Vouches 0
Threads: 10
Posts: 36
2 Years Of Service


#10
12-28-2020, 06:20 PM
(12-25-2020, 05:19 PM)lobos Wrote:
Preview
PC: https://i.imgur.com/vWw7NOt.png
MOBILE: https://i.imgur.com/kaxRnFr.png


[/size]

PHP Code:
@media only screen and (max-width: 925px) {
.mobilevrs1 {
    flex: none!important;
    width: 100%;
}
}

.Username-1-style{
   color: #FFDF00 ;
    font-size: 16px;
}

.Username-2-style{
   color: #c8378d;
    font-size: 16px; 
    background-image: url(/images/Carbonblue/bg1.gif);
}

.Username-3-style{
   color: #57a1d4;
    font-size: 16px;
    background-image: url(/images/Carbonblue/bg1.gif);
}

.groupimagebg{
   background-color: #222222; 
    padding: 12px;
    text-align: center;
}

.redeemcodethead{
    color: #fff;    
    padding: 12px;
    border-radius: 2px; 
    background-color: #2f2f2f !important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
    text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
    border-radius: 3px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
}

.redeemcodeinputbg{
    background-color: #282828;
    padding: 12px;
    border-bottom: 1px solid #303030;
    color: #fff;
}

.paymentsbg{
    background-color: #2f2f2f; 
    padding: 10px;color: grey;
    text-align: center;
}

.paymentslistbg{
    background-color: #282828; 
    padding: 12px;
    text-align: center;
}

.userperksbf{
   background-color: #2f2f2f; 
   padding: 10px;color: grey;
   text-align: center;
}

.perklistbg{
   background-color: #242424;
   padding: 12px;
   border-top: 1px solid #2a2a2a;
   border-bottom: 1px solid #1B1B1B;
}

.Firstgroupthead{
    color: #fff;
    padding: 12px;
    border-radius: 2px; 
    background: linear-gradient(90deg,rgba(43,44,50,1) 0%,rgba(255, 235, 59, 0.27) 40%,#FFEB3B 100%)!important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
    text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
    border-radius: 3px;
    font-size: 1.2rem;
    font-weight: bold;
}

.firstgroupprice{
    background-color: rgba(0, 0, 0, 0.2);
    padding: 12px;float: right;
    margin: -12px;
}

.periodtimeg{
background-color: #242424; 
    padding: 12px;
    border-bottom: 1px solid #303030;
    color: #fff;
}

.Secondgroupthead{
    color: #fff;    
    padding: 12px;
    border-radius: 2px; 
    background: linear-gradient(90deg,rgba(43,44,50,1) 0%,rgba(255, 59, 249, 0.44) 40%,#ea3bff 100%)!important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
    text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
    border-radius: 3px;
    font-size: 1.2rem;
    font-weight: bold;
}

.secondgroupprice{
    background-color: rgba(0, 0, 0, 0.2);
    padding: 12px;
    float: right;
    margin: -12px;
}


.thirdgroupthead{
    color: #fff;    
    padding: 12px;
    border-radius: 2px; 
    background: linear-gradient(90deg,rgba(43,44,50,1) 0%,rgba(59, 137, 255, 0.41) 40%,#3b89ff 100%)!important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
    text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
    border-radius: 3px;
    font-size: 1.2rem;
    font-weight: bold;
}

.thirdgroupprice{
    background-color: rgba(0, 0, 0, 0.2);
    padding: 12px;
    float: right;
    margin: -12px;
}

.usernamebg{
    background-color: #242424;
    padding: 10px;color: grey;
    text-align: center;
}

.fa-check:before{
color: #03c123;
}

.fa-times:before{
color: #ff2626;
}

.purchasebutt{
    padding: 13px;
    background-color: #282828;
    text-align: center;
    font-size: 17px;
}

.purchasebutt:hover{
    padding: 13px;
    background-color: #8d3838;
    text-align: center;
    font-size: 17px;
    color: #fff;
} 
thanks!
Reply
Pages (2): 1 2




© ll Rights Reserved.

Designed by: Lobos