how to change certain page elements…

[jackbean]

Hello,

I have a few questions on how to modify certain elements in Kleo themed pages, and thank you in advance for the help 🙂    Specifically,

1). How to get rid of the testimonial item from the “Home-Agency” page?

2). How to move the cart and search items from the Primary Menu to the Top Menu?

3). How to get rid of the righ sidebar elements in the page? And how to get rid of the social media login icons?

4). How to modify the “Log In” dialog box? Specifically, I’d like to change the “Create an account” line to “apply to become a new member!”

Please see the attached doc for screenshots.

Thank you very much!

JB

 

 

 

Attachments:

You must be logged in to view attached files.

[Laura]

Hello 🙂
1- You can edit pages at Pages > Home Agency > Edit and then find the element at visual composer, also for widgets its at Appearance > Widgets

2- At theme options, you can choose to show the cart and the search icons, check header and woocommerce sections ( it can be hidden with css too, if you need it, just let me know )

3- At theme options > social you can leave all empty and icons shouldn’t appear, sidebar elements are widgets, located at Appearance > Widgets

4- You can use Loco Translate plugin, its used to translate but you can also change your own language, it’s useful when changing strings, here is a guide:

Theme strings and plugins strings can easily be changed by using Loco Translate plugin https://wordpress.org/plugins/loco-translate/
<h3>A small introduction on how translations work</h3>
Translatable strings can come from the theme or from the installed plugins. You need to translate the theme or the plugin depending on what section of the site your string is found.

For example if your string is on your BuddyPress profile then most probably you will need to translate BuddyPress plugin. If you are on the Forums section of your site then bbPress plugin should be the one that needs to be translated. Another example is the rtMedia plugin that adds the Media links to BuddyPress and if you want to translate it then this plugin will contain the string.
<h3>Follow these steps to get you started:</h3>

• Install Loco Translate plugin
• Go to the plugin dashboard: WP Admin – Tools – Manage translations
• Find the theme or plugin in the list.
• If the language isn’t already in the list then click Add new language, choose your language and if you are asked where you want to save the language files choose global language directory ( wp-content/languages/ ).
• Press SYNC button to synchronise your translation with the provided .pot file
• Search for the string you want to translate and add your translated string.
• Press Save when you finished your translation.

Note: You will have to set the language for your blog from WP-admin – Settings – General – Site Language – Choose your language

Cheers

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 🙂

[jackbean]

Hi Laura,

Thanks for the help.

For Question 1, I did look into the Edits (both regular and visual editor) as well as the widget area, but could not find where that testimonial item (please see the pdf file I attached in the original post). Do you have idea what created that shortcode [kleo-testimonials …] ?

For Question 2, your solution would help with the shipping cart icon. But the search icon did not have the option to move to the “Top Menu”, the only options are for “Primary Menu” and “Side Menu”. Do you have any other ideas how the Search Icon can be moved to the Top Menu? If not, can you tell me how to get rid of the Top Menu so it won’t appear on the website?

For Question 4, I am not trying to change the language of the text. I simply want to change the text itself in different words. English words. Can you please take a look at my original question? Thank you.

[jackbean]

Also, for

For Question 3, I apologize for not being more clear, as I only want to make the changes to just the “Register” page. Specifically, I would like to:

a). get rid of the right sidebar elements in that page only.
b). get rid of the social media login icon in that page only.

Please see the attached pdf in my original post.

Thank you.

[jackbean]

Hello again,

Just want to let you know that I found an old help posting from Kleo’s support forum that would provide a solution to Question #4. So there is no need to spend time on that issue for me. Thank you.

JB

[Laura]

Hello, can you share access so i can check it out and test some css? 🙂

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 🙂

[jackbean]

This reply has been set as private.

[Laura]

Hello, here is some css, for the testimonial please share a screenshot 🙂
Hide top menu

COPY CODE

.social-header.header-color {
    display: none !important;
}

To hide the sidebar at the register page go to Pages > Register > Edit > TEMPLATE > FULL WIDTH
To hide social login

COPY CODE

.registration .kleo-fb-wrapper.text-center {
    display: none !important;
}
.registration .hr-title.hr-full {
    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 🙂

[jackbean]

Hi Laura,

Thanks for the replies.

a). we don’t have to worry about Q1 anymore. I was able to delete it.

b). thanks for the css code to hide the top menu, but it didn’t work. Maybe I didn’t put the code in the right place? please specify where I should use the code: In editor? In theme option’s quick css? in a css file?

c). No need to worry about this question anymore. your suggestion would work for “regular” pages, but since the register page is a buddyPress page, it needed a different fix. I was able to find the right setting for the change. so we’re ok here.

d). thanks for the css code to hide the social media icons, but it didn’t work. Maybe I didn’t put the code in the right place? please specify where I should use the code: In editor? In theme option’s quick css? in a css file?

thanks,

JB

[jackbean]

So as a conclusion,

I only need two fixes at this point:

A). the search icon did not have the option to move to the “Top Menu”, the only options are for “Primary Menu” and “Secondary Menu”. Do you have any other ideas how the Search Icon can be moved to the Top Menu? If not, can you tell me how to get rid of the Top Menu so it won’t appear on the website?

B). Get rid of the social media login icon in the buddyPress Register page.

thank you,

JB

[Laura]

Hello 🙂
A) this code should hide the top menu, make sure to add it to style.css if it doesnt apply, add it to quick css too.

COPY CODE

.social-header.header-color {
    display: none !important;
}

B) Same as A but with this

To hide the sidebar at the register page go to Pages > Register > Edit > TEMPLATE > FULL WIDTH
To hide social login

COPY CODE to style.css and quick css at theme options

COPY CODE

.registration .kleo-fb-wrapper.text-center {
    display: none !important;
}
.registration .hr-title.hr-full {
    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 🙂

[jackbean]

Laura,

These codes are not working…

Let’s forget about the request to hide the top menu. Let’s just focus on how to remove the social media icons from the registration page.

please note that the register page is a buddyPress page and “normal” ways to change things on this page do not work.

As I mentioned in my previous reply, I already figured out how to remove the sidebar from this page, and what you suggested does not work for the buddypress page; instead, we need to goto the settings for buddyPress to make changes. So I was able to remove the sidebar that way.

Similarly, these css codes are not going to work for the buddypress registration page. There must be some special buddypress specific settings or codes that need to be changed.

Can you please check with your colleagues (say, Radu or Kieran) on this problem please.

Thank you for your patience!

Jay

[Laura]

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

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 🙂

[Radu]

Hi,

To hide the social login icons from register page only you will have to use the next CSS

COPY CODE

/*** START HIDE SOCIAL LOGIN ONLY ON BUDDYPRESS PAGE ***/
.register.buddypress .wp-social-login-widget {
    display: none;
}
/*** END HIDE SOCIAL LOGIN ONLY ON BUDDYPRESS PAGE ***/

The CSS will be added to wp-admin -> theme options -> general settings -> quick css

Let me know if i can help you with something else

Cheers
R.

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

What support service includes ? What not ?

[jackbean]

Hi Radu,

Thank you very much, the css you provided worked.

Really appreciate the help!

JB

[Radu]

Hi,

You’re welcome 🙂

Cheers
R.

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

What support service includes ? What not ?

[Author]

Posts