Laura

[Laura]

Hello, will need a bit more time to check out everything, lets start with the first, for the text in password and confirm use in style.css of child theme or quick css in theme settings:

COPY CODE

.form-search.custom input[type="text"], .form-search.custom input[type="password"] {
  border: 1px solid #ff2861;
  color: black;
}

Right now i do not know any plugin that can do a member photo gallery, but you can use member page or maybe do it manually, place photos on a page and add a link to them that links to the user profile.

For mobile please try the following coe

COPY CODE

@media only screen and (max-width: 940px) {
.movecenter {
  margin-left: 0px;
}
.movecenter a {
  margin-left: 0px;
}
.movecenter i {
  margin-left: 0px;
}
.movecenter h1 {
  margin-left: 0px;
}
}

To center the title use

COPY CODE

h1 {
  font: normal 46px 'ABeeZee';
  color: #222222;
  text-align: center;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, try with this 🙂

COPY CODE

#buddypress div.generic-button a, .buddypress div.generic-button a {
  display: inline-block;
  font-size: 11px;
  text-transform: uppercase;
  color: rgb(247, 247, 247) !important;
  background-color: rgb(112, 110, 110);
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, this css will do it

COPY CODE

section.container-wrap.main-title.alternate-color.border-bottom {
  background-color: rgb(215, 237, 252);
}

Add it to Quick css in theme settings or to style.css of child theme.
Then change the rgb(215, 237, 252) for the color you want 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, the second one doesnt need to have a ,
So its

COPY CODE

add_action(‘after_setup_theme’,’kleo_my_member_data’);
function kleo_my_member_data()
{
global $kleo_config;
//this is the details field, right now it take the “About me” field content
$kleo_config[‘bp_members_details_field’] = ‘About Me';
//this display the fields under the name, eq: 36 / Woman / Divorced / Berlin. Modify with the names of the fields you want to appear there
$kleo_config[‘bp_members_loop_meta’] = array(
‘Practice Type/Specialty’,
‘I am’

);
}

If it doesnt work, try changing the name of Practice Type/Specialty to Practice Type or Specialty

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, just add this css code to your quick css or style.css in the child theme 🙂 This will delete the blank space created by the video only in mobile

COPY CODE

@media (max-width: 991px) {
section.container-wrap.main-color.bg-full-video.no-video-controls.text-center {
  display: none;
}
}

Let me know if it helps 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, the best would be to edit header.php to link the sign up button directly to your pmpro registration page
Go to header.php and find

COPY CODE

<?php if(get_option('users_can_register')) { ?>
<li class="header-register-button"><a href="#" data-reveal-id="register_panel" 

Now is very easy just delete data-reveal-id=”register_panel” and in href=”#” delete the # and replace it for your url, like for example href=”http://mydomain.com/pmpro-my-registration-page”

So it would look like

COPY CODE

<?php if(get_option('users_can_register')) { ?>
<li class="header-register-button"><a href="http://mydomain.com/pmpro-my-registration-page" 

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, do you have a prettyphoto plugin? Like maybe rtmedia or any lightbox related plugin? Please try with this function in your function.php of child theme

COPY CODE

remove_action( 'wp_head', 'rsd_link' );

Let me know if it works 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, please use the following css in order to hide the menu icons for KLEO 🙂

COPY CODE

#buddypress div#item-nav ul li a:before {
  font: 400% "fontello";
  content: "\e8a5";
  display: none !important;
  text-align: center;
  transition: all 0.4s ease-in-out 0s;
}
#buddypress div#item-nav ul li a {
  padding: 15px 20px;
  font-size: 14px;
  text-transform: uppercase;
  font-family: inherit;
  font-weight: normal;
}
#buddypress div#item-nav ul li a span {
  position: absolute;
  top: 14px !important;
  left: 87% !important;
  z-index: 12;
}

Please add it to quick css in theme options or style.css of child theme 🙂
If you need more adjustments let me know and i will be glad to help you.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, you can fix it with this css code

COPY CODE

.icon-instagram:before {
  content: "\f16d";
  font-size: 26px;
}

Please add it to quick css in your theme options or to style.css in the child theme files

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, you can try with this css, add it to quick css in theme options, or style.css in child theme files

COPY CODE

.post-image img {
  width: 300px;
  height: 250px;
}

Let me know if it works 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, yes, just use this css code in quick css or style.css of your child theme, then change the size to the one you want 🙂

COPY CODE

.post-image img {
  width: 300px;
  height: 250px;
}

Quick css is at General Options of KLEO

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello 🙂 i am glad that i can help you, if you feel happy with the support, please leave a nice comment and/or a 5 star rating at themeforest 😀

So i solved A. and B. with the following css and wrapping your homepage content in a custom div class then added css to it, also solved an issue you had on member carousel

COPY CODE

input[type="text"] {
  border: 1px solid #ff2861;
  color: black !important;
}
.form-wrapper .carousel-profiles li {
  width: 94px !important;
  height: 94px !important;
}
a.current {
  color: black !important;
}
.movecenter {
  margin-left: 100px;
}
.movecenter a {
  margin-left: 100px;
}
.movecenter i {
  margin-left: 70px;
}
.movecenter h1 {
  margin-left: 170px;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, here is the css to resolve the issue 🙂

COPY CODE

@media only screen and (max-width: 767px) {
.revslider-head.absolute-head #header {
  position: relative;
  margin-top: -50px;
}
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, for a page to show all female members, just search for all females, having i am a male looking for female, and it will show all females, then copy the url and use that url in a button 🙂

If you need for help with this point, let me know.

To edit those field names, go to Users > Profile fields, and you will find there all fields 🙂

Use this css code to show black color when typing ( add it to style.css of child theme)

COPY CODE

input[type="text"], .form-search.custom input[type="password"] {
  border: 1px solid #ff2861;
  color: black !important;
}

For the last point, could you share a screenshot? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, you had a background for the header, that was that small image

COPY CODE

#header {
  background-color: transparent;
  background-image: url("http://wovila.com/Home/wp-content/themes/sweetdate/assets/images/header_image_bg.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: contain;
}

Fixed it with

COPY CODE

#header {
  background-color: transparent;
  background-image: none !important;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: contain;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, i do not know what child theme are you using, but you can place this css in style.css of your current child theme

COPY CODE

article .article-meta .post-meta small {
  font-size: 14px;
}

You can change 14px for the size that you want 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, yes it is possible, just please add this code to quick css or style.css in child theme and replace the url of your own image 🙂

COPY CODE

.circular-item .hearts {
  background: url(URL OF YOUR IMAGE HERE) no-repeat !important;
  display: block;
  width: 39px;
  height: 30px;
  position: absolute;
  right: 0;
  top: -20px;
}

It should end looking like this:

COPY CODE

.circular-item .hearts {
  background: url(http://blovin.com/wp-content/uploads/2014/09/logo-blovin-LETRASwhite1.png) no-repeat !important;
  display: block;
  width: 39px;
  height: 30px;
  position: absolute;
  right: 0;
  top: -20px;
}

But with your url 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, you could do this

COPY CODE

 <a href="PAYPAL URL HERE"> your button code here </a>

To link the button to the paypal url

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, these codes are CSS codes, put them in quick css or style.css of child theme
for A this code makes the form quite transparent, but it can help you to change the color of each part of the form, just changing the colors:

COPY CODE

.revslider-head.absolute-head .form-wrapper {
margin-top: 138px;
margin-left: 70%;
width: 110%;
}
.form-header {
border-left: 10px solid rgba(42, 42, 42, 0.23);
border-top: 10px solid rgba(42, 42, 42, 0.23);
border-right: 10px solid rgba(42, 42, 42, 0.23);
}
.form-search, .form-header, div.alert-box, div.pagination span.current {
background: rgba(32, 32, 32, 0.67);
}
.form-search {
border-left: 10px solid rgba(42, 42, 42, 0.23);
border-right: 10px solid rgba(42, 42, 42, 0.23);
}
.form-footer {
color: #FDFAFA;
padding: 20px 20px 10px;
border-left: 10px solid rgba(42, 42, 42, 0.23);
border-bottom: 10px solid rgba(42, 42, 42, 0.23);
border-right: 10px solid rgba(42, 42, 42, 0.23);
background: rgba(32, 32, 32, 0.67);
}
.form-search .notch {
border-top: none;
}
.form-search.custom input[type="text"], .form-search.custom input[type="password"] {
border: 1px solid rgba(61, 61, 61, 0.13);
}
.form-search.custom div.custom.dropdown a.current, .form-search.custom input[type="text"], .form-search.custom input[type="password"], .form-search.custom select {
background-color: #F9FBFC;
color: black;
}
.form-search.custom div.custom.dropdown a.selector, .form-search.custom div.custom.dropdown a.current, .form-search.custom select {
border: 1px solid rgba(61, 61, 61, 0.13);
}
.form-search.custom div.custom.dropdown a.selector:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 5px;
border-color: #060606 transparent transparent transparent;
position: absolute;
left: 50%;
top: 50%;
margin-top: -2px;
margin-left: -5px;
color: black;
}
.form-search.custom input[type="text"], .form-search.custom input[type="password"] {
  border: 1px solid #ff2861;
  color: black;
}

B To delete the foru just deactivate bbpress, or you just want to delete it from profile?
The album only shows twice in media tab because you can go directly to albums or go to media > albums.

For Bigger profile avatar

COPY CODE

#profile #item-header-avatar .avatar {
  border: 6px solid;
  width: 140%;
  max-width: 150%;
}

For Bigger album picture thumbnail

COPY CODE

.rtmedia-container ul.rtmedia-list li.rtmedia-list-item div.rtmedia-item-thumbnail img {
  max-width: 700px;
  max-height: 700px;
  width: 300px;
}

Let me know more images so i can make a code for them.

For C we will focus on that after the other issues has been solved 🙂

1 in order to register, you need to use buddypress registration page ( default is yourwebsite.com/register )

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, fixed with the following shortcodes

COPY CODE

[kleo_status_icon type="custom" image="" subtitle="Gay Online" field="I am a" value="Gay" online="yes"]
[kleo_status_icon type="custom" image="" subtitle="Transgender Online" field="I am a" value="Transgender" online="yes"]
[kleo_status_icon type="custom" image="" subtitle="Bisexual Online" field="I am a" value="Bisexual" online="yes"]
[kleo_status_icon type="custom" image="" subtitle="Lesbian Online" field="I am a" value="Lesbian" online="yes"]

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, you can use this css code in quick css or style.css of child theme

COPY CODE

.activity-list li.mini .activity-content p {
  margin: 0;
  color: black;
}

Just change the color as you want 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, this can be done adding a div with a class like

COPY CODE

<div class="buttonone"> shortcode here </div>

then a css code like

COPY CODE

.buttonone {
background-color:yellow;
}

I can create better styling if you give me a link 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, try with:

COPY CODE

a:not(.button), div#main a:not(.button), #header .form-footer a:not(.button) {
  color: #FCF9F9;
  font-size: 14px;
}
.tabs.info dd a, .tabs.info li a, #main #object-nav ul li a {
  color: #FFFBFB;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, here it is 🙂

COPY CODE

#buddypress div.thread-info a {
  color: #FFF8F8;
  display: inline-block;
}
#buddypress div.thread-info .thread-excerpt {
  color: white;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, please add this to quick css in Styling Settings

COPY CODE

li#members-all {
  display: none;
}

Let me know if it works 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, please try

COPY CODE

.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range, .woocommerce span.onsale, .woocommerce-page span.onsale {
  background: rgba(0, 0, 0, 0.23) !important;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background: rgba(0, 0, 0, 0.24) !important;
}

If not please share admin credentials to check it out 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, yes, please add this to quick css or style.css of child theme

COPY CODE

.tabs.info dd a, .tabs.info li a, #main #object-nav ul li a {
  font-size: 18px;
}

Modify 18 as the size you wish

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, please try with this css

COPY CODE

@media (max-width: 991px) {
span.bbp-topic-freshness-author .bbp-author-name {
  margin-top: -10px;
}
#bbpress-forums li.bbp-body li.bbp-forum-freshness, #bbpress-forums li.bbp-body li.bbp-topic-freshness {
  color: #bbb;
  font-size: 12px;
  text-align: start;
  padding-top: 80px;
  font-weight: 700;
}
#bbpress-forums li.bbp-forum-freshness .bbp-topic-meta, #bbpress-forums li.bbp-topic-freshness .bbp-topic-meta {
  display: inline;
  margin-top: -80px;
}
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, please try this css 🙂

COPY CODE

.blog .article-content, .post .article-content a {
  border-bottom: none;
  text-decoration: underline;
}

Let me know if it works

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, please try to add this to quick css or style.css of child theme

@media screen and (max-width: 767px) {
.template-page.no-sidebar .wrap-content, .template-page.col-sm-push-3 .wrap-content, .template-page.tpl-3ll .wrap-content, .sidebar-main.sidebar-3rr .inner-content, .sidebar-extra.sidebar-3lr .inner-content, .sidebar-extra.sidebar-3rr .inner-content, .sidebar-extra.sidebar-3ll .inner-content, .template-page.tpl-3lr .wrap-content, .template-page.tpl-3rr .wrap-content, .sidebar-main.sidebar-3lr .inner-content, .sidebar-main.sidebar-3ll .inner-content, .sidebar-main.sidebar-3rr .inner-content, .sidebar-extra.sidebar-3ll .inner-content, .template-page .wrap-content, .sidebar-left .inner-content, .template-page.tpl-right .wrap-content, .sidebar-right .inner-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
}
@media only screen and (max-width: 480px) {
#bbpress-forums fieldset.bbp-form {
  padding: 0px !important;
  margin-left: -4% !important;
}
}
 Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, this can be done with css
Here are different styles (check attachment):
STYLE 1

COPY CODE

article .article-meta {
  width: auto !important;
  float: right !important;
  text-align: center !important;
}
article .article-meta .post-meta .meta-author {
  float: none !important;
}
article .article-meta .post-meta .meta-author img {
  float: right !important;
  margin-right: 46% !important;
}

STYLE 2

COPY CODE

article .article-meta {
  width: auto !important;
  float: none !important;
  text-align: right !important;
  margin-right: 5% !important;
}

Add the style you want to quick css or style.css of child theme

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, please try

COPY CODE

.rtmedia-item-title {
display:none;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, please try this CSS in quick css or style.css of child theme

COPY CODE

img.attachment-kleo-full-width {
  width: 50% !important;
  margin-left: 25%;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, please try the following:

COPY CODE

.variations a.selector {
  margin-top: 18px;
}
.variations .value .custom.dropdown {
  padding-top: 18px;
}
.woocommerce .variations_form .variations .reset_variations {
  margin-top: 18px;
}
.variations label {
  padding-right: 5px;
}
input, textarea, keygen, select, button {
  margin: 0em;
  font: normal normal normal 13.3333330154419px/normal Arial;
  text-rendering: auto;
  color: initial;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
}
div#tab-description h2 {
  display: none !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, for the map icon please check out https://archived.seventhqueen.com/forums/topic/google-map
For the heart in matching use this css in child theme or quick css

COPY CODE

.circular-item .hearts {
  display: none !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, fixed doing this:
In KLEO theme files, wp-content/themes/kleo/lib/plugin-woocommerce/config.php (editing that file)

Found

COPY CODE

			$cart_output .= '<a href="'.esc_url( $shop_page_url ).'"><span class="text">'.__('Go to the shop', 'kleo_framework').'</span></a>';

Changed for

COPY CODE

			$cart_output .= '<a href="https://www.christiansrule.com/get-stuff/"><span class="text">'.__('Go to the shop', 'kleo_framework').'</span></a>';

Then added to your child theme.
wp-content/themes/kleo-child/lib/plugin-woocommerce/config.php

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, you can use this code to change the bar color
The bar between the selectors

COPY CODE

.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range, .woocommerce span.onsale, .woocommerce-page span.onsale {
  background: rgba(0, 0, 0, 0.23);
}

The full bar

COPY CODE

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background: rgba(0, 0, 0, 0.24);
}

Add it to quick css or style.css of child theme 🙂
Saludos!

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, do you mean the forms? You can use this code (makes it translarent) and edit each color

COPY CODE

.revslider-head.absolute-head .form-wrapper {
margin-top: 138px;
margin-left: 70%;
width: 110%;
}
.form-header {
border-left: 10px solid rgba(42, 42, 42, 0.23);
border-top: 10px solid rgba(42, 42, 42, 0.23);
border-right: 10px solid rgba(42, 42, 42, 0.23);
}
.form-search, .form-header, div.alert-box, div.pagination span.current {
background: rgba(32, 32, 32, 0.67);
}
.form-search {
border-left: 10px solid rgba(42, 42, 42, 0.23);
border-right: 10px solid rgba(42, 42, 42, 0.23);
}
.form-footer {
color: #FDFAFA;
padding: 20px 20px 10px;
border-left: 10px solid rgba(42, 42, 42, 0.23);
border-bottom: 10px solid rgba(42, 42, 42, 0.23);
border-right: 10px solid rgba(42, 42, 42, 0.23);
background: rgba(32, 32, 32, 0.67);
}
.form-search .notch {
border-top: none;
}
.form-search.custom input[type="text"], .form-search.custom input[type="password"] {
border: 1px solid rgba(61, 61, 61, 0.13);
}
.form-search.custom div.custom.dropdown a.current, .form-search.custom input[type="text"], .form-search.custom input[type="password"], .form-search.custom select {
background-color: #F9FBFC;
color: black;
}
.form-search.custom div.custom.dropdown a.selector, .form-search.custom div.custom.dropdown a.current, .form-search.custom select {
border: 1px solid rgba(61, 61, 61, 0.13);
}
.form-search.custom div.custom.dropdown a.selector:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 5px;
border-color: #060606 transparent transparent transparent;
position: absolute;
left: 50%;
top: 50%;
margin-top: -2px;
margin-left: -5px;
color: black;
}

Add this to quick css or style.css in child theme

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, for others that may need this
Here is the css

COPY CODE

.footer-info {
  float: right;
  margin-top: -4%;
}

And the function

COPY CODE

function kleo_copyright_text()
{
  echo '<p>'. __("Copyright", 'kleo_framework').' © '.date("Y").' '. get_bloginfo('name').'. <br class="hide-for-large show-for-small"/>'. get_bloginfo( 'description' ).' </a></p><div class="footer-info"> | <a href="YOUR URL HERE" rel="nofollow"><strong>TERMS AND CONDITIONS</strong></a> | <a href="YOUR URL HERE" rel="nofollow"><strong>PRIVACY AND POLICY</strong></a> | <a href="YOUR URL HERE" rel="nofollow"><strong>CONTACT US</strong></a></div>';        
}
endif;
add_action('kleo_footer_text','kleo_copyright_text');

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, you can change the size of the status icon with this css

COPY CODE

.status.three.columns.mobile-one img {
  width: 50%;
}

Change 50% for any % that you want

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts