body, .ow, body, html, .base_sign_in{background-color:#FFF}
/* SkaDate Support Lora: delete the two choices “online only and with photo” (delete them only for the index page not for other pages */
.index_qs_widget .ow_qs_field.qs_checkboxes {
display:none;
}
/*SkaDate Support Lora: Delete the Advanced search text from index page but keep for other pages */
.index_qs_widget a {
display: none;
}
/* SkaDate Support Lora: change the color of the search button to something like Cranberry red */
.custom_platinum_pro_index .index_qs_widget span.ow_button {
background-color: #ed266b;
border-color: #ed266b !important;
}
/* SkaDate Support Lora: remove join section from index page*/
.custom_platinum_pro_index .user_counter_join {
display: none;
}
/* SkaDate Support Lora: Change the color of “join now button bottom of index page to blue */
.footer_bottom_banner .ow_join_button a {
background-color: blue;
}
/* Above done by Skadate */
/* Top 3 sliding image */
.Qu{
font-family: 'Amiri', serif;
font-size: 38px;
color: #FFFFFF;
text-shadow:
0 0 2px rgba(0,0,0,0.85),
0 0 6px rgba(0,0,0,0.55),
0 0 1px rgba(255,255,255,0.55);
}
.Qr{
margin-top: 0px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: #F1F3F8;
text-shadow:
0 0 2px rgba(0,0,0,0.80),
0 0 5px rgba(0,0,0,0.50),
0 0 1px rgba(255,255,255,0.45);
}
/* =========================================================
QUICK SEARCH (horizontal_qs)
Theme: Platinum Pro
Purpose:
A) Round the 3 fields (Gender, Looking For, Age)
B) Control the SEARCH button (width, gap, alignment, icon)
---------------------------------------------------------
IMPORTANT:
Change only the values marked "EDIT THIS" in future.
========================================================= */
/* =========================================================
A) FIELD RADIUS (Gender, Looking For, Age)
---------------------------------------------------------
EDIT THIS: radius value (3px to 5px recommended)
========================================================= */
.horizontal_qs .index_qs_widget .ow_qs_field:not(.ow_qs_btn) .placeholder{
border-radius: 8px !important; /* EDIT THIS: 3px, 4px, or 5px */
}
/* Age field uses a different wrapper that draws the border */
.horizontal_qs .index_qs_widget .ow_qs_field.ow_qs_presentation_age .ow_qs_value .birthdate,
.horizontal_qs .index_qs_widget .ow_qs_field.ow_qs_presentation_age .ow_qs_value .birhdate{
border-radius: 8px !important; /* EDIT THIS: keep same as above */
overflow: hidden !important;
}
/* =========================================================
B) SEARCH BUTTON (only)
Controls: width, space from Age, content alignment, icon
---------------------------------------------------------
EDIT THIS:
- button width (166px)
- gap from Age (20px)
- button height (54px)
- icon spacing (right 18px / padding-right 46px)
========================================================= */
/* Button container sizing in the row */
.horizontal_qs .index_qs_widget .ow_qs_field.ow_qs_btn{
margin-left: 20px; /* EDIT THIS: space between Age and button */
width: 166px !important; /* EDIT THIS: button width */
max-width: 166px !important;
flex: 0 0 166px !important; /* prevents stretching */
}
/* Make button fill the fixed width */
.horizontal_qs .index_qs_widget .ow_qs_field.ow_qs_btn .ow_button{
display: block;
width: 100%;
}
/* Button text + icon layout */
.horizontal_qs .index_qs_widget .ow_qs_field.ow_qs_btn .ow_button input[type="submit"]{
width: 100% !important;
height: 54px; /* EDIT THIS: match field height */
line-height: 54px; /* keeps text vertically centered */
box-sizing: border-box;
white-space: nowrap;
overflow: hidden;
text-align: center; /* centers SEARCH text */
padding-left: 9px; /* EDIT THIS: small nudge to balance icon */
padding-right: 46px !important; /* EDIT THIS: reserved space for icon */
background-position: right 18px center !important; /* EDIT THIS: icon position */
background-repeat: no-repeat !important;
}
/* If theme injects icon using pseudo elements, keep it in same place */
.horizontal_qs .index_qs_widget .ow_qs_field.ow_qs_btn:after,
.horizontal_qs .index_qs_widget .ow_qs_field.ow_qs_btn .ow_button:after{
right: 18px !important; /* EDIT THIS: icon position */
}
/* =========================================================
QUICK SEARCH (horizontal_qs)
Theme: Platinum Pro
Purpose:
A) Round the 3 fields (Gender, Looking For, Age)
B) Control the SEARCH button (width, gap, alignment, icon)
---------------------------------------------------------
/* Main body font */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
/* Apply Roboto site-wide */
html, body,
.ow, .ow_page, .ow_page_wrap, .ow_page_wrap_in,
.ow_content, .ow_main, .ow_center, .ow_footer,
input, button, select, textarea {
font-family: "Roboto", Arial, sans-serif !important;
color: #6F7683;
}
/* Headings: slightly stronger */
h1, h2, h3, h4, h5, h6,
.ow_header, .ow_section, .ow_box_cap,
.ow_box_cap h3, .ow_box_cap h4 {
font-family: "Roboto", Arial, sans-serif !important;
font-weight: 600;
}
/* Buttons and key UI labels */
button, .ow_button, .ow_button input, .ow_btn, .ow_btn_submit,
.ow_menu, .ow_nav, .ow_console, .ow_console_item {
font-family: "Roboto", Arial, sans-serif !important;
font-weight: 500;
}
/* Form inputs: keep readable */
input, select, textarea {
font-weight: 400;
}
/* Main body font */
.hottest_users {
background-color: #EAF0F8;
}
/* Sweet Stories =========================================================
HOME: SWEET STORIES / "WHAT MAKES US UNIQUE" SLIDER
Location: Homepage section with the phone + text panel
Goal:
1) Hide the white overlay title on the image ("Sweet success stories")
2) Keep BOTH sides of the slide background pure white
========================================================= */
/* 1) HIDE THE WHITE OVERLAY TITLE ON THE IMAGE
Element: .img_title (the white text overlay on the left image)
To re-enable: delete this block
*/
.custom_platinum_pro_index .stories_carousel_item_img .img_title{
display:none !important;
}
/* 2) FORCE THE RIGHT TEXT PANEL BACKGROUND TO WHITE
This removes the grey background on the right side
To re-enable: delete this block
*/
.custom_platinum_pro_index .stories_carousel_item_text{
background:#ffffff !important;
}
/* Sometimes Platinum Pro sets a grey background on inner wrappers.
This forces inner elements to stay transparent so the panel stays white.
If you ever see grey again, keep this line. If not needed, remove it.
*/
.custom_platinum_pro_index .stories_carousel_item_text *{
background:transparent !important;
}
/* 3) FORCE THE LEFT IMAGE PANEL BACKGROUND TO WHITE
This ensures the area behind the image is white, not grey
*/
.custom_platinum_pro_index .stories_carousel_item_img{
background-color:#ffffff !important;
background-repeat:no-repeat !important;
background-position:center center !important;
background-size:contain !important;
}
/* Sweet Stories ==================== */
/*App outer section*/
/*Launch app section*/
/* Vertically center the app banner text */
.index-SKMOBILEAPP_CMP_MobileExperience .app-banner-text{
display: flex;
flex-direction: column;
text-align: center;
height: 100%;
font-family: "Roboto", Arial, sans-serif !important;
}
.app-banner-text{
color: #6F7683;
font-size: 21px;
line-height: 1.3;
text-align: center;
}
.app-banner-text strong{
font-weight: 500;
text-align: center;
}
.app-banner-visual{
width: 100%;
}
.app-banner-visual img{
display: block;
margin-left: auto;
}
/*App outer section*/