WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Green Stimulus Header (19 posts)

  1. oorhai
    Member
    Posted 1 year ago #

    I'm new to wordpress and html but I've done a lot of scientific programming, so I can figure out the logic.

    I've downloaded the Green Stimulus theme and I've hacked header.php file to remove all trace of the twitter piece which takes up half the page below the slider. Now I want to increase the width of the introductory text so its the full width of the slider image. I see a reference to the "introtextarea" in theme-options.php and I've fiddled with trying to change a few parameters but with no success.

    I'm sure there is a trivial answer to this, so I thought I'd ask rather than waste more time fiddling!

    Thanks much.

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Hi Oorhai,

    When themes are updated, which they should be, all of the files within the theme are overwritten with new files.

    This means any modification made to those files will be overwritten.

    To avoid this, you can work in a Child Theme environment.

    I've downloaded the Green Stimulus theme and I've hacked header.php file to remove all trace of the twitter piece which takes up half the page below the slider

    You can still do this, but make sure you take a copy of the header.php file and paste it in your Child Theme directory. Then you can modify that header.php file (within your Child Theme).

  3. Andrew
    Forum Moderator
    Posted 1 year ago #

    Now I want to increase the width of the introductory text so its the full width of the slider image

    Try adding this CSS;

    #slideshow .slide-caption {
     width: 100%;
    }
  4. oorhai
    Member
    Posted 1 year ago #

    Thanks for the advice on the Child Theme. I'll read up about that. For now I've simply cut the original code and saved it on my laptop for reference. And I do have the original theme as well which I can upload again if I make a complete mess of it!

    I'm not trying to increase the size of the slider images. The piece below the slider has an area for Introductory Text which takes up only half the page width. The other half had space for a twitter feed which I have cut off. The page however still reserves that space for the twitter feed. I'm just not sure how to increase the size of the Introductory Text Box so it takes up this (now) empty space as well.

    I'm happy to pop the code over to you if there is a convenient way to do that. Thanks for holding my hand as I walk through this.

  5. Andrew
    Forum Moderator
    Posted 1 year ago #

    I'm just not sure how to increase the size of the Introductory Text Box so it takes up this (now) empty space as well.

    I'm using the Green Stimulus demo website for reference and that code I recommend on the post prior to this expanded the slider's intro text to full width.

    If you're having issues with that code, may you post a link to your website?

  6. oorhai
    Member
    Posted 1 year ago #

  7. Andrew
    Forum Moderator
    Posted 1 year ago #

    Try this CSS;

    #intro-text {
     width: 100%;
    }

    Maybe remove that right border too?

    #intro-text {
     width: 100%;
     border-right: 0;
    }
  8. oorhai
    Member
    Posted 1 year ago #

    There's style.css and custom.css

    custom.css has the #intro-text code. I made first one and then the second change you suggested and it made no change to the website. What am I missing?

  9. Andrew
    Forum Moderator
    Posted 1 year ago #

    Add it in the style.css file of your Child Theme.

  10. oorhai
    Member
    Posted 1 year ago #

    Thanks. That worked! I'll have to start reading up about html coding and style sheets. Any recommendations?

  11. Andrew
    Forum Moderator
    Posted 1 year ago #

    W3Schools is a handy resource because it has a try it section which lets you try out exampled CSS code.

    I use Google Chrome's built-in developer tool for debugging or trying out CSS. You can add/modify/remove CSS on the webpage temporarily to just try things out.

  12. oorhai
    Member
    Posted 1 year ago #

    Could I have gotten rid of the twitter feed section on the style sheet without having to hack header.php?

  13. Andrew
    Forum Moderator
    Posted 1 year ago #

    You could have displayed it none with CSS, but modifying files is fine as long as it's done within a Child Theme environment.

  14. oorhai
    Member
    Posted 1 year ago #

    what would that code be? Maybe more elegant that what I've done and easier to keep track of.

  15. Andrew
    Forum Moderator
    Posted 1 year ago #

    Something like;

    #social {
     display: none;
    }

    http://www.w3schools.com/cssref/pr_class_display.asp

  16. oorhai
    Member
    Posted 1 year ago #

    I am trying to follow your advice and create a child theme to make all of the changes discussed above. I used the one-click child theme plugin and created Son of Green Stimulus. The webpage looks nothing like the original. Why?

  17. oorhai
    Member
    Posted 1 year ago #

    P.S. I repeated the same experiment with the same plugin for Twenty Eleven and the child page looks identical to the parent.

  18. i_s25
    Member
    Posted 9 months ago #

    I am trying to remove 'border lines' across the header,footer and main menu in GREEN STIMULUS theme. Can anyone please point out where should I make modifications?

  19. esmi
    Forum Moderator
    Posted 9 months ago #

    I'm sorry but as you are using a non-WPORG theme, you need to seek support from the theme's developers - paid or otherwise. We only support themes downloaded from wordpress.org here.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.