Laura

[Laura]

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

COPY CODE

#logo {
    max-height: 138px;
    width: 350px;
}

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 your style.css of child theme

COPY CODE

div#members-list-options :nth-child(1n+2) {
    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, sorry for the misunderstanding, please try:

COPY CODE

<div class=”four columns”>
<h1 id=”logo”><?php bloginfo(‘name’); ?>
“>” width=”294″ height=”108″ alt=”<?php bloginfo(‘name’); ?>”>
</h1>
<h2 id=”logo” width=”294″ height=”108″ float="right"> The text </h2>
</div>

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 copy wp-content/themes/sweetdate/groups/index.php and paste it in the child theme in the same folders ( create them if they are not already there ) and edit it, find:

COPY CODE

<?php do_action( 'bp_before_directory_groups' ); ?>

		<form action="" method="post" id="groups-directory-form" class="dir-form custom">

			<h2 style="display: inline;"><?php _e( 'Groups Directory', 'buddypress' ); ?></h2>

And change “Groups Directory”

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 by adding this css to style.css of child theme

COPY CODE

.dl-horizontal dd {
    margin-left: 0px !important;
}
.dl-horizontal dt {
    width: 100% !important;
    text-align: left !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 is the default code to create a shortcode:

COPY CODE

// Add Shortcode
function custom_shortcode() {

	// Code here

}
add_shortcode( '', 'custom_shortcode' );

Do not paste the code with <?php and ?>
You will need to change it a bit
The code goes to functions.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, please add this to your style.css in child theme, this will delete the blue line.

COPY CODE

.top-links {
    border-bottom: none !important;
}

For the text, can you share 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, you chould use css instead of editing header.php for example:

COPY CODE

.logo a, .logo img {
    height: 108px !important;
}

In 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 🙂

[Laura]

Hello, maybe try with:

COPY CODE

ul.dropdown-menu.sub-menu.pull-left li a:hover {
    background-color: #5884E1 !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 1:
Please add this css to style.css of child theme

COPY CODE

.top-links {
    border-bottom: none !important;
}

For 2- that image is not included in the theme, you will need to buy a stock image

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 is the video button of homepage

COPY CODE

 [kleo_button_video url="http://www.youtube.com/embed/FtquI061bag" style="alert" size="large" round="radius" icon="film,after"] Our TV Commercial [/kleo_button_video]

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, should work now shortcode used

COPY CODE

[kleo_status_icon type="total" subtitle="Members in total"] [kleo_status_icon type="members_online" subtitle="Members online"]
[kleo_status_icon type="custom" field="Soy" value="Mujer" online="yes" subtitle="Mujeres Online" image="http://www.perucool.com/wp-content/themes/sweetdate/assets/images/icons/steps/status_03.png"]
[kleo_status_icon type="custom" field="Soy" value="Hombre" online="yes" subtitle="Hombres Online" image="http://www.perucool.com/wp-content/themes/sweetdate/assets/images/icons/steps/status_04.png"]

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:
First Attachment

1,2 Are css codes added to your style.css in child theme

1- Member Background

COPY CODE

/* MEMBER BACKGROUND */
div#members-list .four.columns {
    background-color: #303131;
    margin-top: 30px;
}

2- 4 COLUMNS

COPY CODE

/* 4 COLUMNS */
#members-list .four.columns:nth-child(3n+1) {
    clear: none !important;
}
.search-list {
    margin: 0 0 40px;
    display: inline-block;
    width: 115%;
    margin-left: -3%;
}
#members-list .four.columns:nth-child(4n+1) {
    clear: left !important;
}

3- I will need access to your ftp

4- Done

5- Copy bp-functions.php from custom_buddypress folder inside sweetdate theme folder and paste it inside custom_buddypress folder of sweetdate child, if there is not that folder, just create it, then edit bp-functions.php in your new folder of child theme and find this:

COPY CODE

 echo '<div class="search-meta">';
 echo apply_filters('kleo_bp_members_dir_name','<h5 class="author"><a href="'. bp_get_member_permalink().'">'. bp_get_member_name().'</a></h5>');	

then change it for this:

COPY CODE

	
 echo '<div class="search-meta">';
 echo apply_filters('kleo_bp_members_dir_name','<h5 class="author"><a href="'. bp_get_member_permalink().'">'. bp_get_member_name().'</a></h5>');	
 echo '<strong> YOUR TEXT HERE</strong>';

6- Done in your style.css

COPY CODE

/* REMOVE MEMBER BORDER RADIUS */
.search-item {
    border-radius: 0PX !IMPORTANT;
}

7- Its an image, cant edit color

8- Done in your style.css

COPY CODE

/* NAME COLOR */
.search-meta a {
    color: white !important;
}

Second attachment

1- Done, added to your style.css

COPY CODE

/* PROFILE TABS COLOR */
#profile .generic-button a, .tabs.pill.custom dd:not(.active) a, #profile .callout, .regulartab dt, .regulartab dd {
    background: rgba(0, 0, 0, 0.43) !important;
    color: #ffffff;
}

Third Attachment

1- Done, added to your style.css

COPY CODE

/* CHANGE AVATAR LINK POSITION */
.image-hover .profile-hover-link {
    margin: -40px 22px !important;
}

2- Done, added to your style.css

COPY CODE

/* HEART RATING POSITION */
.rw-ui-container.rw-urid-9004.rw-ui-star.rw-size-large.rw-dir-ltr.rw-halign-right.rw-valign-middle.rw-style-lean_heart.rw-theme-star_lean_heart.rw-class-user {
    margin-top: 85%;
    position: absolute;
}

Fourth Attachment

1- Done

COPY CODE

/* FORM SELECT COLOR */
.form-search.custom div.custom.dropdown ul li.selected {
    background: #EEEEEE;
    color: black;
}

Other:
Video button hover

COPY CODE

/* BUTTON HOVER */
#call-to-actions .alert:hover, #call-to-actions .alert:focus {
    background: #D1A14F;
    border: 1px solid #D1A14F;
}

Video not displaying
The issue may be related to a plugin, please try to deactivate one by one and test again?

Button centered

COPY CODE

/* BUTTON CENTERED */
div#kleo_support_box-2 .small.button {
    margin-left: 20%;
}

Form fields centered

COPY CODE

form#newsletter-form .four.columns {
    margin-left: 10%;
}

FIELDS CENTERED
/* FIELDS CENTERED */
button#newsletter-submit {
margin-left: 354%;
}

Last attachment: Right now i dont know any way of making thse links a dropdown

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:
1:
Where you placed:

COPY CODE

<?php echo bp_core_get_user_displayname( bp_loggedin_user_id() ); ?>

Replace with:

COPY CODE

<?php _e("Welcome, ", 'kleo_framework'); ?><?php echo bp_core_get_user_displayname( bp_loggedin_user_id() ); ?>

2: I cannot disable the lightbox, you will need to use icons and not images
3: The fields that are in Register page are the fields are Base group, you cannot add a field to register page if its not in Base group on Users > Profile fields, they are not separated, they are linked.

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

.button.link-button {
    color: #C00202;
}

For the pages, the Membership account cant be Register page, its Membership Account 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, added this to style.css

COPY CODE

section#geodir_map_v3_listing_map-8 {
    width: 127%;
    margin-left: -13.5%;
}

Is that what you were looking for?

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 style.css

COPY CODE

#groups .avatar {
    width: 100%;
}

🙂

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 by adding this to style.css of child theme

COPY CODE

@media (max-width: 991px) {
.kleo_text_column.wpb_content_element {
    width: 180%;
    margin-left: -40%;
}
}

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 in style.css
Font size

COPY CODE

ul#menu-mobile-menu {
    font-size: 18px;
}

Bigger expand area to click

COPY CODE

.widget_nav_menu .parent>a .caret:after {
    width: 120px;
    padding-left: 90px;
}

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 style.css

COPY CODE

.widget_nav_menu .parent>a .caret:after {
    width: 120px;
    padding-left: 90px;
}

This should make the clickable to spand area bigger

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, sorry for the delay.

1- Please copy the header.php file from main theme to the child theme, edit it and find

COPY CODE

 <?php _e("PROFILE", 'kleo_framework'); ?>

Replace with:

COPY CODE

<?php echo bp_core_get_user_displayname( bp_loggedin_user_id() ); ?>

2. Added a new class and fixed those issues with css in style.css
The css:

COPY CODE

.disablelinks .circle-image a {
    cursor: default;
}
.disablelinks i.icon-heart {
    display: none;
}

3. Added css to replicate the style under style.css
The css:

COPY CODE

.tabs.info dd a, .tabs.info li a, #main #object-nav ul li a {
    display: block;
    font-size: 13px;
    line-height: 30px;
    background-color: #E6E6E6;
    color: #1D1D1D;
    border: 1px solid #E6E6E6;
    border-radius: 100px;
    text-decoration: none;
    margin-left: 10px;
    height: 31px;
}
.tabs.info dd.active a, .tabs.info li.active a, #object-nav ul li.current a, #object-nav ul li.selected a, .tabs.info dd.active, .tabs.info li.active, #object-nav ul li.selected, #object-nav ul li.current {
    border: none !important;
}
.tabs.info, #object-nav ul {
    list-style: none;
    border-bottom: solid 1px rgba(230, 230, 230, 0);
    display: block;
    height: 40px;
    padding: 0;
    margin-bottom: 40px;
}
a#rtmedia-nav-item-video {
    display: none;
}
a#rtmedia-nav-item-music {
    display: none;
}

4. For that, please go to Users > Profile fields and add the field to Base group, then it will appear just after the modal form, in the 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, then please add this to style.css of child theme

COPY CODE

#header {
    display: none;
}
#socket {
    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, for the groups, please try adding this to style.css of child theme

COPY CODE

body.single-item.groups #buddypress #item-header #item-meta p {
    width: 60%;
    text-align: center;
    margin-left: 20%;
}

For the font, i didnt see any side menu

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 style.css of child theme, this will hide that footer

COPY CODE

#footer {
    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 adding this to your style.css of child theme

COPY CODE

i.icon-facebook:before {
    content: "\f082";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
}

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 menu items, please add this to style.css of child theme

COPY CODE

ul#menu-sweetdate a {
    color: black !important;
}
ul#menu-sweetdate a:hover {
    color: white !important;
}

What exactly you need to do with the background?

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 photo, please try adding this to style.css of child theme

COPY CODE

.picture-gallery .picture-thumb-box .picture-thumb img {
    border: none;
    width: 140px !important;
    height: 150px !important;
}

About the photo approve feature, that is not avaible in the plugin, and sadly i do not know any way if doing this

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, plese try adding this to functions.php of child theme

COPY CODE

//make more link open in new window
function add_blank_to_link($link) {
$pos = strpos($link, 'a href');
if ($pos) {
$link = substr_replace($link, 'a target="_blank" href', $pos, 6);
}
return $link;
}
add_filter('the_content_more_link', 'add_blank_to_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,
1. This css should work, dd it to style.css of child theme
Disable footer:

COPY CODE

@media (max-width: 991px) {
div#footer {
    display: none;
}
}

Disable sidebar:

COPY CODE

@media (max-width: 991px) {
.sidebar {
    display: none;
}
}

2. Yes, its better for the performace of the site and the user experience
3. What font? Could you specify?
4. Right now is only avaible in menu or sidebar

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, ths css should do it, please add it to child theme style.css

COPY CODE

#header .is-sticky .kleo-main-header img {
    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 go to your wordpress dashboard and in Pages, find your frontpage then click edit.Go to custom css in visual composer as shown in attachment and add this:

COPY CODE

.main-color .btn-see-through {
  z-index: 1;
  position: absolute;
}

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, try

COPY CODE

@media (max-width: 991px) {
#header .navbar-nav li a {
    padding: 10px 0;
    text-transform: none !important;
}
}

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]

Here it is:

COPY CODE

/* Membership Price text */
.membership .pricing-table .price {
    color: #000000;
}
/* Feature icon color */
.membership .bullet-item:before {
    color: #000000;
}
/* Select Button Text and Background Color */
li.cta-button a {
    background-color: #000000 !important;
    color: white !important;
}
/* Box Hover Shadow */
.membership .pricing-table:hover, .membership .pricing-table.popular {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
}
/* Popular Tag Image */
.membership .pricing-table.popular:after {
    width: 78px;
    height: 78px;
    background: url(images/pop.png) no-repeat center 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, please try:
Got to geo-my-wp folder in wp-content/plugins find geo-my-wp.php and copy that file, then go to the child theme folder in wp-content/themes and create a new folder, call it geo-my-wp and paste the file you copied there.

Edit it and find

COPY CODE

wp_enqueue_style( ‘font-awesome’, ‘//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css’, array(), GMW_VERSION );

Replace it for

COPY CODE

//wp_enqueue_style( ‘font-awesome’, ‘//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css’, array(), GMW_VERSION );

Save

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, for Dropdown navigation bigger:
In style.css add

COPY CODE

ul.dropdown-menu.sub-menu.pull-left a {
    font-size: 18px;
}

For the social icons in the right:

COPY CODE

ul.kleo-social-icons {
    float: right;
}
div#top-social {
    width: 100%;
}

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, add a new menu item with the class calltoaction, following the attached images 🙂
1. Add this to style.css of child theme

COPY CODE

span.calltoaction {
    background-color: #D20707;
    color: white;
    font-weight: 600;
    padding: 10px;
    border-radius: 5px;
}

Add a new item in the menu, for example, the purchase page, then add the class to the title, like:
<span class=”calltoaction”>Sample Page</span>

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 add this to style.css of child theme

COPY CODE

#profile #item-header-avatar .avatar {
    border-radius: 60%;
}

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 style.css of child theme 🙂

COPY CODE

@media (max-width: 991px)
#header .navbar-nav li a {
    padding: 10px 0;
    text-transform: inherit !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 css should make it look like it, it only changes the color,font and hides border

COPY CODE

input#profile-group-edit-submit {
    background-color: white !important;
    color: grey !important;
    font-weight: 700;
    border: 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, you can do that by using :before and :after then using the font and content css
For example

COPY CODE

.yourclass:before {
content: '\e8d2';
font-family: "fontello";
font-style: normal;
font-weight: normal;
}

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