Outreach Pro – Static Home Page

Community Forums Forums Design Tips and Tricks Outreach Pro – Static Home Page

This topic is: not resolved

This topic contains 10 replies, has 2 voices, and was last updated by  nrandazzo 4 months, 2 weeks ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #95222

    nrandazzo
    Member
    Post count: 13

    Although I am using the Outreach Pro theme, I would like to have a static home page that does not utilize the home top and home bottom widget area. However, if I keep the home page the way I have now, the site title and tagline are overridden by the page specific titles (i.e “Welcome to Elite Gundogs – Elite Gundogs” instead of “Elite Gundogs – Obedience and Retriever Dog Training in Troy, TX”)

    When I changed the settings in WordPress to “Your Latest Posts” and pulled the “Welcome to Elite Gundogs” via the featured page widget, I had formatting issues related to the embedded slider. Also, the page title was black instead of the wine color associated with all other page titles. Furthermore, when I hovered over the title, the “Welcome to Elite Gundogs” text became the red color associated with the Outreach Pro Red color style.

    Ultimately, I am trying to figure out a way to have a static home page that includes the site title and tagline, but keep the formatting for the home page as it appears right now. Is there a way to do this without creating any duplicate content related issues?

    Any help is greatly appreciated.

    Thanks,

    Nate

    http://wordpress.elitegundogs.com/
    #95603

    Tom
    Participant
    Post count: 887

    It is difficult to understand from your post just how you have left the setup, as you describe what you did ( but changed?).

    Not sure why you don’t want to use Home Top – this would seem to be a natural place for your slider, topped with a text widget for your welcome message. Leave the Home Bottom widget area empty and the Sub Footer left and right as is. You’ll have to restyle the hope page somewhat, I would think, to match what you’ve done with the current setup. Test that you get the desired title & tagline setup first. There’s no concern for duplicate content as there’s no duplication of anything.


    Choose your next site design from over 300 Genesis themes.
    Updates via GenesisThemes.ca | Twitter | Google+ | Tumblr

    #95750

    nrandazzo
    Member
    Post count: 13

    Hi Tom,

    Thanks for your feedback. Unfortunately, I don’t know much of anything about css or html. I am using the Design Palette Pro plug-in for any custom styling. Your suggestion definitely makes sense, but the closest I can get with my limited skill-set is the way I have it now. I am using the Featured Page widget and slider widget in the Home Top area. Notice the color of the font and see what happens when you hover over the “Welcome to Elite Gundogs” text. If you have any additional advice, please let me know.

    Thanks,

    Nate

    #95756

    Tom
    Participant
    Post count: 887

    Hmm. Since you’re using Design Pallete Pro I don’t want to suggest things that might conflict or make it more difficult to use. If you can’t change that title link hover with DPP controls, try adding this small bit of CSS code in DPP under Freeform CSS > Global CSS

    .entry-title a:hover {
        color: #700000 !important;
    }
    

    I would think DPP could take care of the button coloring too. Populate the widgets fully, fill out with some content and experiment some, (You already know that this is going to be lots better than the existing site.)


    Choose your next site design from over 300 Genesis themes.
    Updates via GenesisThemes.ca | Twitter | Google+ | Tumblr

    #102481

    nrandazzo
    Member
    Post count: 13

    Hi Tom,

    Thanks for your feedback. I don’t see an option for freeform css in the DPP plugin I’m using. After thinking about it more, I think the best approach would be to change the css and sizing of the title font for the top widget area on the home page. Can you please tell me how I could customize the title to match the other pages?

    Nate

    #102488

    Tom
    Participant
    Post count: 887

    Looks like you’ve changed a few things.

    The DPP demo shows an area for entering custom css as the last option in their vertical menu list.
    Design Palette Pro Custom CSS screencap

    To format your welcome text like your other page titles, add this CSS code:
    (into “Global CSS” using DPP, I would think)

    .home-top .widget-title  {
      color: #680000;
      font-size: 42px;
      font-size: 4.2rem;
      font-weight: 700;
      margin-bottom: 17px;
      margin-bottom: 1.7rem;
      text-align: center;
      text-transform: none;
    }

    Choose your next site design from over 300 Genesis themes.
    Updates via GenesisThemes.ca | Twitter | Google+ | Tumblr

    #102497

    nrandazzo
    Member
    Post count: 13

    Hi Tom,

    Thanks for the quick response. It turns out that the Freeform Style is an add-on extension that does not come standard with the plugin. The demo makes it appear like its a standard option, but its not: https://genesisdesignpro.com/purchase/extensions/

    That’s why I couldn’t find it.

    The code worked perfectly! Thanks again.

    Is there a way to combine the sub footer left and sub footer right into one widget? If not, can you tell me how to prevent the awkward, right text alignment of the “free consultation” button when for a responsive layout?

    EX: http://wordpress.elitegundogs.com/wp-content/uploads/2014/04/Capture.png

    #102501

    Tom
    Participant
    Post count: 887

    re: Freeform Style – not standard, but it is free :)

    Center the button text with this CSS:

    .button {
      text-align: center;
    }

    Choose your next site design from over 300 Genesis themes.
    Updates via GenesisThemes.ca | Twitter | Google+ | Tumblr

    #103015

    nrandazzo
    Member
    Post count: 13

    You’re a lifesaver Tom. Can you also tell me how to get the paragraph text font size to match the other pages and how I can make the space between the subfooter widgets and the content area to match the distance between the navigation and the content area?

    #103018

    Tom
    Participant
    Post count: 887

    You’ve set the page body content font size at 18px using DPP. You can match the home page paragraph text with a setting somewhere in DPP or:

    .site-inner {
    	font-size: 18px;
    	font-size: 1.8rem;
    	font-weight: 400;
    }

    For the sub-Footer Left text widget, you can also match the text size:

    body {
    	font-size: 18px;
    	font-size: 1.8rem;
    	font-weight: 400;
    }

    Spacing, I’d say …:

    body.gppro-custom  .site-inner {
    	padding-top: 48px;
    	padding-top: 4.8rem;
    	padding-bottom: 48px;
    	padding-bottom: 4.8rem;
    }

    … which works on home, but leaves an extra 30px on the bottom that you’ve got specified somewhere else. Have a look at DPP and see where the imbalance is.

    I’m curious that you’re not able to easily find an set these values in Design Palette Pro. Do you find the plugin limiting?


    Choose your next site design from over 300 Genesis themes.
    Updates via GenesisThemes.ca | Twitter | Google+ | Tumblr

    #103143

    nrandazzo
    Member
    Post count: 13
    This reply has been marked as private.
Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.