• Hello.

    I’m trying to adjust two things on my homepage. I want to change the gray on the sidebars to a specific color and have no idea how. I don’t want to mess with my CSS template without the proper direction.

    Also, at one point there was text that followed each post on the homepage, sort of like a preview and now it’s gone. I had my friend try to adjust the color on the sidebars for me but failed and now I fear he changed something else in the process.

    Any help would be greatly appreciated.

    site is with the Resportsive Theme.

Viewing 15 replies - 1 through 15 (of 23 total)
  • Resportsive is a commercial theme and for support, please go to their official support channel here. In order to be good stewards of the WordPress community, and encourage innovation and progress, we feel it’s important to direct people to those official locations. Doing this will provide the developer with the income they need to make WordPress awesome.

    Forum volunteers are also not given access to commercial products, so they would not know why your commercial theme or plugin is not working properly. This is one other reason why volunteers forward you to the commercial product’s vendors. The vendors are responsible for supporting their commercial product.

    Thread Starter arjohnson101

    (@arjohnson101)

    Ah, thanks. Didn’t mean to go about it the wrong way.

    Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    Side note: @stacyduval Unless it is spam, abusive behaviour, broken formatting or an attack of Killer Bees from MARS!™ then please don’t tag topics with modlook.

    (That last one would be EPIC BTW.)

    Asking for support for commercial theme or product isn’t something we’re all setup to do exactly for the reasons you have written. But it’s not modlook‘able either. 😉

    @jdembowski FYI I found the instructions to modlook the post on this page so the moderator could close it.

    Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    *Looks*

    You’re right, it does say that.

    *Updates and removes line*

    Fixed. 😉

    The reason I took that line out is that sometimes (not always) someone is looking for support on a commercial theme but the question really is about something that’s not just limited to that theme. I don’t want to close the topic too early needlessly.

    If you look at my profile you can see that I do close topics sometimes but this topic might not need that.

    For example a reply like this may help (and I should have taken the time to do this earlier, my bad):

    I’m trying to adjust two things on my homepage. I want to change the gray on the sidebars to a specific color and have no idea how. I don’t want to mess with my CSS template without the proper direction.

    @arjohnson101 While we don’t support commercial themes here this might be solvable by creating and activating a child theme of that theme and then updating the child theme with just the CSS you want to change.

    http://codex.wordpress.org/Child_Themes

    Once that’s done you can try using Firebug or Chrome’s Inspect Element tool to identify the CSS that needs updating. This is a good article that can get you started on that.

    http://www.studiopress.com/tips/using-firebug.htm

    As stacyduval has said, the best place to seek that advice really is the vendor that sold that theme.

    http://www.mvpthemes.com/support/

    But if someone wants to chime in with some CSS advice (my CSS is awful) then that can be alright too.

    Do you want to change the grey border boxes, the grey shadow or the grey title or all three?

    Yes your post excerpts, I believe are missing.

    This will fix your post excerpts:

    Put this code in your Custom CSS and your post excerpts magically will appear:

    .story-text {
        color:black;
    }

    Sometimes a Theme has a place under the “Appearance” menu to enter custom CSS. If your theme doesn’t have that you can download a custom CSS plugin or JetPack has a feature that allows you to enter Custom CSS. Or you can create a child theme and place your custom CSS in the styles.css file.

    Get back to me on the sidebars and I will be happy to help you.

    Stacy

    Thread Starter arjohnson101

    (@arjohnson101)

    So I downloaded the jetpack plugin and added the code like you suggested and still nothing happens. Even when I preview and save.

    I want to change the color of the two vertical gray sidebars that go the length of the site on either side of middle white section of the homepage.

    Just to clarify in order to figure out why your custom CSS isn’t working.

    Did you go to Appearance->Edit CSS and copy and paste the code into the file and save it? Then previewed the page?

    Do you mean the gray background behind your site that is not solid but goes from light to dark? What color do you want it to be?

    Thread Starter arjohnson101

    (@arjohnson101)

    Yeah, I went to Edit CCS after activating Jetpack, copied the text into there and nothing changed.

    Yeah, the background that starts gray that turns to white.

    Here’s the hex code I found that I’d like to change it to:

    #04529C

    Can you copy the code you put into Edit CSS so I can see it? We need to figure out this problem first before I give you some more code.

    Thread Starter arjohnson101

    (@arjohnson101)

    .story-text {
    color:black;
    }

    That’s the code I’m putting in. I’m guessing I need additional code to let css know it’s the homepage and what not.

    No it works when I put it into Firefox Inspector. And when I inspect your site I don’t see any custom CSS on the element .story-text.

    Strange. Just making sure: Did you activate JetPack by logging into WordPress.com?

    Anyway, this is the code for the background, see if you can get it to work:

    body {
        background: #04529C;
    }

    Because there is a shadow around the content container it leaves a glow. Let me know if you want to get rid of the “glow” and I will send you the code.

    Thread Starter arjohnson101

    (@arjohnson101)

    Yep, activated and everything.

    I don’t see the JetPack custom css showing up when I view your source code. Go to Jetpack Settings and make sure that Custom CSS is activated.

    Otherwise, you should delete JetPack and install the custom CSS plugin and try again.

    When you go into your custom CSS file it should look like this:

    /*
    Welcome to Custom CSS!
    
    CSS (Cascading Style Sheets) is a kind of code that tells the browser how
    to render a web page. You may delete these comments and get started with
    your customizations.
    
    By default, your stylesheet will be loaded after the theme stylesheets,
    which means that your rules can take precedence and override the theme CSS
    rules. Just write here what you want to change, you don't need to copy all
    your theme's stylesheet content.
    */
    .story-text {
        color:black;
    }
    body {
        background: #04529C;
    }
Viewing 15 replies - 1 through 15 (of 23 total)
  • The topic ‘Changing Homepage’ is closed to new replies.