WordPress.org

Ready to get started?Download WordPress

Forums

Alexandria
[resolved] Header One Feature Text (18 posts)

  1. BlueBlob22
    Member
    Posted 1 year ago #

    Okay, I am totally out of options at this point. All I want to do is change the text on the “featured text” area from white to black.

    I have tried putting this into lite.css, custom css manager (a plugin), directly into the header.php file. I must be doing it wrong because I would think one of those 3 would make it work.

    Please be specific as to what I need to do this. Thanks in advance!!

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    No way to help with CSS without seeing your site.

  3. BlueBlob22
    Member
    Posted 1 year ago #

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Please be specific as to which text you're referring to & what CSS you have tried.

  5. BlueBlob22
    Member
    Posted 1 year ago #

    The text in the header that is in white. It has a blue background. The specific text, if you visit the site (http://www.4thfloorband.com) is:

    "4 on the Floor started in the 1980's and has been one of the Midwest's premier 60's and 70's band ever since. We have been getting people out on the dance floor for years. The band name, taken from the Beach Boys' Little Deuce Coupe, was inspired by the fast cars and good times of the early days of rock and roll to which we bring to every event!"

    The CSS I have tried is:

    #header {
        color: #000000;
    }

    I cannot find in the template files where I can actually just put in something like <font color="#000000> otherwise I think that would work. Since I cannot find that specific template file I figured I would try CSS to just make this specific area change it's text font from white to black.

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    Do you have Google Chrome?

  7. BlueBlob22
    Member
    Posted 1 year ago #

    yes

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    - Open your site in Google Chrome.
    - Right click on that white text, starting with, "4 on the Floor started in the 1980's..."
    - Select "Inspect element'

    A new toolbar appears.
    - Look on the right-hand side for the CSS.
    - Scroll down until you see the culprit CSS.

    You see it?

  9. BlueBlob22
    Member
    Posted 1 year ago #

    Yep! I didn't know Chrome could do that!

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    Cool. You don't need to edit the theme's files now. You can just use Chrome, or another developer tool on another browser (e.g Firebug) to find this stuff out.

    Then you just override it in your Custom CSS Manager plugin.

  11. BlueBlob22
    Member
    Posted 1 year ago #

    Now, here it is. I just not sure where this is located in my theme code. all I have to do is change it from white to black....

    <p class="fontwhite bpadding40 rtxtaln">
    										4 on the Floor started in the 1980's and has been one of the Midwest's premier 60's and 70's band ever since.  We have been getting people out on the dance floor for years. The band name, taken from the Beach Boys' Little Deuce Coupe, was inspired by the fast cars and good times of the early days of rock and roll to which we bring to every event!
                                        </p>
  12. Andrew
    Forum Moderator
    Posted 1 year ago #

    Looking at the name of the class that was applying the white, it looks like the white font colour could be disabled through the backend, the dashboard.

  13. Andrew
    Forum Moderator
    Posted 1 year ago #

    You'd use something like:

    .fontwhite {
     color: black;
    }

    In your Custom CSS Manager plugin. Of course that makes the naming of the class "fontwhite" useless, but that's something the theme author can rethink and maybe loosely couple in future (considering there is no option to remove the white in the dashboard).

  14. BlueBlob22
    Member
    Posted 1 year ago #

    Yea, I have posted in their theme forum and they never respond. maybe they realized that!

    Well, I tried to put that CSS in the plugin and no luck. I I am going to try and find the .fontwhitein the their lite.css file....

    The only reason I want to change it is that, when viewed on older browsers, the "white" text area is moved below the picture so it's white text against a white background.

  15. Andrew
    Forum Moderator
    Posted 1 year ago #

    I'm not sure if you're aware of this but when there's a theme update, WordPress replaces all of the theme's files with new ones even if there are no changes to the new files.

    For example, look at the Alexandria version repository: http://themes.svn.wordpress.org/alexandria/ . You'll see that every time there's a new version of the theme all of the files are replaced.

    I'm trying to say that if you make changes to any of the theme's files, they will be overwritten when the theme updates.

  16. BlueBlob22
    Member
    Posted 1 year ago #

    Oh yes, I know. I have the most up to date version of Word Press, theme, and all plugins.

    I still can't get this to work. Maybe the theme just can't handle it? hmm. I have been messing with this for weeks but can't seem to find that solution. Thanks for your help

  17. Andrew
    Forum Moderator
    Posted 1 year ago #

    If you want to see immediate changes you need to clear your browser's cache each time you update the CSS.

  18. BlueBlob22
    Member
    Posted 1 year ago #

    WORKED. THANK GOD. This has been driving me up a wall for weeks. Thanks!!!!!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic