Laura

[Laura]

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

COPY CODE

.page-template .item-avatar {
    margin: 0px !important;
     height: 30px !important;
    margin-right: 10px !important;
    width: 30px !important;
    border-radius: 100% !important;
    border: none !important;
}
.page-template .item-title.fn {
    margin: 0px !important;
    font-weight: bold !important;
    line-height: 16px !important;
    -ms-word-wrap: break-word;
    word-wrap: break-word !important;
    font-size: small !important;
}
.page-template .item-meta {
    margin: 0px !important;
}
.page-template .widget.buddypress div.item {
    margin-left: 50px !important;
    margin-top: -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, just add this to style.css of child theme 🙂

COPY CODE

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

COPY CODE

.pp_pic_holder.pp_woocommerce {
    display: none !important;
}
.pp_overlay {
    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, try using this

COPY CODE

#bbpress-forums .status-closed a {
color: #000000 !important;
}
.bbp-forum-content ul.sticky {
background-color: E3E5F0 !important;
font-color: #cccccc; !important;
font-size: 1.1em;
}

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 use

COPY CODE

.button.alert:hover {
    background-color: orange !important;
    border: 1px solid orange !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, just add this to style.css of child theme

COPY CODE

.button.alert {
    background-color: black !important;
    border: 1px solid black !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, just add this to style.css of child theme

COPY CODE

ul.sub-nav a {
    color: white !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, i see, try

COPY CODE

.action {
    display: none !important;
}
span.update {
    display: none !important;
}
.item-desc {
    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, try

COPY CODE

body .page-id-261 {
background-image: url('IMAGE URL HERE') !important;
    background-size: cover;
    background-repeat: no-repeat;
}

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

COPY CODE

@media (max-width: 991px) {
#header .navbar-nav li .caret:after {
    left: 0;
    right: 0px;
    float: right !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 the page css using visual composer

COPY CODE

.section-container.container {
    width: 100% !important;
    max-width: 100% !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, try by adding this to style.css of child theme

COPY CODE

.post-info {
    height: 100px !important;
}
article#post-949 {
    top: 907px !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

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

COPY CODE

.group-inner-list.animated.animate-when-almost-visible.bottom-to-top.start-animation {
    border: none !important;
}
.member-inner-list.animated.animate-when-almost-visible.bottom-to-top.start-animation {
    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]

Not marked as solution

[Laura]

Not marked as solution

[Laura]

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

COPY CODE

@media screen and (max-width: 480px) {
.header-centered .navbar-header .logo {
    width: 40% !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, if its part of a widget you cant change it without editing the code, to add your own link you can use this html code

COPY CODE

<a href="URL HERE">View All</a>

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, just add this to style.css of child theme and change the color

COPY CODE

.button.alert {
    background-color: black !important;
    border: 1px solid black !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 adding this to style.css of child theme

COPY CODE

a.button.confirm {
    line-height: 1 !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, try by adding this to style.css of child theme

COPY CODE

#content, .page-title-colors, #respond {
    background-image: url('IMAGE URL HERE') !important;
    background-size: cover;
    background-repeat: no-repeat;
}

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 search bar is there by default, to hide it you could try using this css

COPY CODE

#search-bar {
    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, well you could use the full width option at theme settings.
Here some css codes
This is for KLEO whole page

COPY CODE

.kleo-page.page-boxed {
    max-width: 100% !important;
}

This is for the main section

COPY CODE

#main {
    width: 100% !important;
    max-width: 100% !important;
}

And this the main container

COPY CODE

#main-container {
    max-width: 100% !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 a background color for the main container use this css at style.css of child theme

COPY CODE

#main-container {
    background: black !important;
}

And for the header image use this

COPY CODE

#page-title {
    background-image: url(http://suraembajadores.com/wp-content/uploads/2017/03/cr-bg-tortugas-1200x480.jpg) !important;
    background-size: cover;
}

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

COPY CODE

.article-content {
    font-size: 20px;
}

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, question related to style modifications are custom requests as that issue is not related to the theme.
That bar you had was not part of the theme also, and the code to remove it is

COPY CODE

@media screen and (max-width: 782px) {
#wpadminbar {
    height: 46px;
    min-width: 300px;
    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, try by adding this to style.css of child theme

COPY CODE

img.attachment-kleo-full-width.size-kleo-full-width.wp-post-image {
    width: 200px;
    height: 196px;
}

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

COPY CODE

a#alphabetical-groups {
    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, just add this to style.css at the child theme

COPY CODE

.directory #search-bar {
    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, the button at the activity is using Kleo style, there is no issue with it.
The one you sent me you can change it adding this to style.css of child theme

COPY CODE

input#submit {
    border: 2px solid rgba(0, 0, 0, 0.08);
    background: none !important;
    color: grey;
    width: 100px;
    height: 30px;
}

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