Laura

[Laura]

Hello, this should do it

COPY CODE

@media (max-width: 991px) {

div#whats-new-submit {
    float: left !important;
    margin-top: -5.5% !important;
    position: absolute;
}
}

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, does this help?

COPY CODE

a.button.fav.bp-secondary-action {
    margin-top: -8% !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 🙂
Try by adding this to style.css of child theme

COPY CODE

div#whats-new-submit {
    float: left !important;
    margin-top: -5.5% !important;
    position: absolute;
}

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 last activity, add this to style.css of child theme :)

div#latest-update {
    display: none !important;
}

For the @ at the mention username, that is actually part of the username, not a separated text so using css you would need to hide the mention username instead

[Laura]

Hello, try by adding this to style.css of the child theme, should be at Appearance > Edit or at your hosting file manager 🙂
Or, if you want it to affect only to the actual page, add it to the css at visual composer ( while editing the page, click the GEAR icon and add the code )

This changes the color of the numbers

COPY CODE

span.kleo-animate-number.animate-when-almost-visible.number_prepared.start-animation {
    color: white !important;
}

This changes the color of the text

COPY CODE

.vc_row.wpb_row.vc_inner.vc_row-fluid span {
    color: white !important;
}

Do you want to put the video as the background ( where the green background is ) or change the green background and keep the video at the search form?

Anyways, check attachments 🙂 ( you would need to upload the video to your Media Gallery as a MP4 and use that URL at the video mp4 input

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

COPY CODE

a.button.fav.bp-secondary-action {
    margin-top: 5% !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]

Not marked as solution

[Laura]

Hello, please try the following 🙂

COPY CODE

.dropdown-menu span.caret:after {
    margin-top: 9px !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 should change the background of the circle when hovered

COPY CODE

.vc_icon_element-inner.vc_icon_element-color-custom.vc_icon_element-have-style-inner.vc_icon_element-size-lg.vc_icon_element-style-rounded.vc_icon_element-background.vc_icon_element-background-color-custom:hover {
    background: red !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]

Not marked as solution

[Laura]

Not marked as solution

[Laura]

Hello, the arrow is an icon not an image, please try this to move the arrow

COPY CODE

@media (max-width: 991px) {
span.caret:after {
    font-size: 20px !important;
    margin-top: 8px !important;
    font-weight: 900 !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]

Not marked as solution

[Laura]

Hello, maybe this helps, this changes the font of the bold text to one that is more noticeable. The issue is that the font you are using does not have a strong bold appearance

COPY CODE

strong {
    font-family: sans-serif !important;
}

Add that to 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, should be fine now, added this to your style.css

COPY CODE

.field_birthday {
    width: 100%;
}
.profile form.custom div.custom.dropdown, form.custom .register-section div.custom.dropdown {
    width: 10% !important;
}
.custom.dropdown {
    float: left !important;
    padding-left: 10px;
}

And also edited default.css at your child theme and changed 100% to 10% at the custom dropdown class

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]

Not marked as solution

[Laura]

Not marked as solution

[Laura]

Hello, nevermind, if you add this to style.css of child theme it should fix it 🙂

COPY CODE

@media (max-width: 991px) {
span.caret:after {
    font-size: 20px !important;
    margin-top: 8px;
    font-weight: 900 !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, try this

COPY CODE

a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-sandy-brown {
    background-color: #835f52 !important;
    border-color: #835f52 !important;
}

Let me know 🙂

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

COPY CODE

.navbar-transparent:not(.kleo-navbar-fixed) #header {
    position: absolute !important;
    z-index: 2 !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 🙂
b) Please test adding this to style.css

COPY CODE

groups .six.columns:nth-child(2n+1) {
    clear: none !important;
}
.six.columns.group-item {
    width: 30% !important;
}

c) I would need ftp access or file manager access so do this for 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]

Not marked as solution

[Laura]

Not marked as solution

[Laura]

Hello, you can hide them using this css at style.css of child theme 🙂

COPY CODE

.single .article-media img:first-child {
    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]

Not marked as solution

[Laura]

Hello 🙂
a) Try adding this to style.css of child theme 🙂

COPY CODE

.et_pb_section.et_pb_section_0.et_section_regular.et_section_transparent {
    padding-top: 0px !important;
}

b) Can you share ftp so i can test some codes?
c) It’s the same as the other ticket, the width is set to 100% !important; at the default.css file, needs to be changed
d) I would use another slider for mobile or disable it, because some changes could affect desktop version too

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]

Not marked as solution

[Laura]

Hello, have you tried:

COPY CODE

#vc_general .vc_btn3 .vc_btn3-color-sandy-brown {
color:#835f52 !important;
}

When you want to override something, you should add !important before the ;

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 this

COPY CODE

.kleo-main-header.header-normal.header-scrolled img#logo_img {
    width: 50% !important;
}

Below the other it should fix the logo when its scrolling. I tested at chrome and it works fine

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]

Not marked as solution

[Laura]

Not marked as solution

[Laura]

Not marked as solution

[Laura]

Not marked as solution

[Laura]

Not marked as solution

[Laura]

Not marked as solution

[Laura]

Hello, try by adding this to style.css of child theme 🙂

COPY CODE

div#text-5 h4:before {
    content: "\f2bd";
    font-family: fontawesome !important;
    padding-right: 10px;
}

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

COPY CODE

img#logo_img {
    width: 50% !important;
}

Do you live in spain? 🙂 I’m at palma

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]

Not marked as solution

[Laura]

Not marked as solution

[Laura]

Hello, try this

COPY CODE

.standard-listing .article-media img {
    height: 400px !important;
    width: 400px !important;
}

Instead of the other 🙂

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