Home>Support>Change Title Text Color for SiteOrigin Features Widget
  1. 2 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Hi Josh

    Thanks for reaching out.

    Within the Features Widget, try opening the Font DesignTitle section. There you should find a Color setting.

  2. 2 years, 9 months ago Josh Orenberg

    Thanks Andrew. I’m actually talking about the title for the page not the individual titles for the feature elements. Would that be outside of your plugin? I’m having trouble changing the title color… even if it’s outside of the plugin can you give me a little help? Here’s the CSS I put in the custom css section of the WordPress config:

    .page-id-9 .entry-title {
    color: white;
    }

    And here’s the HTML ripped from inspector for the page and title:

    Features (this is the title)

    Thanks!

  3. 2 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Hi Josh

    Thanks for your feedback.

    The page title styling would normally be controlled by your theme.

    The rule above looks good. The forum doesn’t support media or image attachments. If you remove the .page-id-9 selector, the rule will apply to all pages. You could perhaps consider our SiteOrigin CSS plugin which has a visual editor, perhaps that’ll make the change a bit easier? You can also try adding !important after white.

    https://www.w3schools.com/css/css_important.asp

  4. 2 years, 9 months ago Josh Orenberg

    Thanks Andrew. The !important tag worked great. This means there’s conflicting CSS styles somewhere else right? Are the only places to put CSS styles in Appearance->Custom CSS or Appearance->Additional CSS?

  5. 2 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Hi Josh

    Glad to hear you’re making progress.

    Not necessarily conflict rules. There is most likely a rule in place that’s more specific than your rule (without !important).
    https://css-tricks.com/specifics-on-css-specificity/

    You can also insert Custom CSS in a child theme style.css file.

  6. 2 years, 9 months ago Josh Orenberg

    Thanks again Andrew. Any way yet to do page specific CSS using SiteOrigin CSS other than specifying the page-id? I have a page with no page-id surprisingly enough…

  7. 2 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Hi Josh

    Thanks for your reply.

    SiteOrigin CSS doesn’t, at the moment, have a way to output CSS to a given page only. There are a few plugins that offer the ability to add a custom class https://wordpress.org/plugins/add-custom-body-class/.

  8. 2 years, 9 months ago Josh Orenberg

    Hi Andrew I have one last question before my site is complete I think. I just want a rounded corner box with a background color around my tables in the linked page (only the bottom 3 features are currently in tables). I am currently just trying to get the rounded box as a first step however I can’t seem to get it to behave. I added the following to Custom CSS for SiteOrigin CSS plugin. I tried with and without the first-child and last-child blocks out of desperation… Here is the page:
    https://www.buddhabackup.com/new-features-vote/
    I have tried to find help elsewhere but all of the forums out there are pretty inactive. Thanks!

    .featurevotetable {
  overflow:hidden !important;
  border:solid black 1px !important;
  border-radius:10px !important;
  width: auto !important;
}

.featurevotetable tr:first-child {
    border-radius: 6px 0 0 0;
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
}

.featurevotetable tr:last-child {
    border-radius: 0 6px 0 0;
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
}
  9. 2 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Hi Josh

    You can remove all three rules above and add:

    .featurevotetable {
    border: 1px solid black !important;
    border-radius: 10px !important;
    width: auto !important;
    border-collapse: unset !important;
}

.featurevotetablecell {
	padding: 10px;
}

    If you are in need of this level of support every now and then, please, consider a SiteOrigin Premium license. Our premium license affords us a wider technical support scope with quick response times.

    Thanks!

    Andrew

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More