• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

How to Modify the Front Page 2 Widget

Home › Community Forums › Aspire Theme Support › How to Modify the Front Page 2 Widget

Tagged: Front Page 2

  • This topic has 2 replies, 2 voices, and was last updated 5 years ago by Scott Gilbert.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 20, 2018 at 6:27 pm #22635
    Scott Gilbert
    Customer

    Aspire Theme: Front Page 2 Widget (the opt-in box)

    Hello!

    My question is, how can I modify the characteristics of the Front Page 2 widget in the Aspire Theme? This is the widget for the opt-in box.

    If you look at my site now, you will see it working as intended but I would like to modify the spacing between the text and the opt-in form as well as the color of the background (to differ from theme accent).

    I am currently using the Genesis eNews Extended plugin for the opt-in, but I want to change it to the java script (or short code) provided by ConvertKit so that the success message can be displayed there. The issue I am having is that the spacing above and below the opt-in fields are wide. I realize that this may be caused by the code on the ConvertKit side, but it would be nice to have the option to adjust it in the theme.

    I tried to find the code for this in the editor, but I am not sure what I am looking for. Any help would be greatly appreciated.

    Here is my website: ThinkBlissful.com

    Thank you!
    Scott


    Learn to Make Money Online
    http://ScottsMoneyMachines.com

    May 23, 2018 at 9:23 am #22650
    Wes
    Moderator

    You can find the CSS to make your customizations for the Front Page #2 widget on line 1569 (in the style.css file).

    You can change the background color directly from the CSS –

    .front-page-2 .image-section {
    	background: #fa5738;
    	padding: 60px 0 20px;
    }

    Or you could use the Customizer to change the color, but that changes the default theme color for the whole site (links, background, etc)

    Line 1569 – 1604 covers the front page 2 widget CSS. If you’re using a 3rd party plugin then you’ll have to come up with some custom code if you want to customize how it displays on the site.

    May 28, 2018 at 8:47 pm #22664
    Scott Gilbert
    Customer

    Thank you Wes. I made several adjustments to my liking, it was quite helpful to know where the code is located. I am still having trouble with the background color though.

    I did change the default color with the Customizer for all the default things that I wanted to change. I’d like, however, to have this widget background set to a different color. None of the css changes have any effect… I think the Customizer color choice is overriding it. Is there anything I can do to make this change?

    Thanks,
    Scott


    Learn to Make Money Online
    http://ScottsMoneyMachines.com

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework