CSS issue, need help customizing the HomePage! karma theme

  • Hi all, WP geniuses…I need your help…I’m real close, but can’t figure out the correct code to fix my issue. I’m trying to move this customized “class=info box” which I’ve replaced through developer tools, and I’ve gotten it this far.. how do I align this to the center of the home page? Is there an easier way, like adding a div w/ format-able content?
    ? I need the “Who we are section to be black, with white text.

    The site is     https://psdev.boomm.com and I’m looking to customize that Black Info Box in the Karma theme on the home page to look like the image attached:

    Here is my code so far, what am I missing?

    element.style {
    font-size: 13px;
}
.colored_box {
    color: #000000;
    font-size: 13px;
    margin: 0 0 45px;
    padding: 20px;
    width: 1400px;
}
.colored_box, .karma_notify, .wpcf7-validation-errors, .wpcf7-mail-sent-ok {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.05);
}

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter micseaton

    (@micseaton)

    https://psdev.boomm.com/wp-content/uploads/ShouldLookLike.jpg

    [Moderator Note: Please ensure that you are embedding links correctly in your posts.]

    I’m sorry but as you appear to be using a commercial theme, you need to seek support from the theme’s developer/vendor. We do not support commercial products here.
    Try https://themeforest.net/user/TrueThemes

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You can’t do that, especially in a responsive theme. You’re constrained within one or more containers that has the width stopping you from “centering” it, so you need to close those containers before your coloured box, then re-open them afterwards.
    E.g.:

    <div class="container">
 <div class="container-2">
  ...
 </div>
</div>
<div class="coloured_box">
 ...
</div>

<div class="container">
 <div class="container-2">
  ...

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you contact your theme’s vendors about this?

    Thread Starter micseaton

    (@micseaton)

    @andrew I can’t just customize the shortcode “info box” to look like this and when I insert it, it should work? I just need to move it centered, why isn’t it centering…

    Also, in reply to your contacting true themes : “I have they suggested I pay for their premium “developers” to fix any custom issues I have..”

    Thanks, Can I place code in the css to center this info box shortcode?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I’m pretty sure you can’t use CSS alone to resolve this.

    Thread Starter micseaton

    (@micseaton)

    Darn…I was thinking it was a easy fix i’m just not seeing it. Like a “align-center” or something ha

    so you’re suggesting i edit the .php file, and add a separate container?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘CSS issue, need help customizing the HomePage! karma theme’ is closed to new replies.