• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

CSS code for two widgets side by side in place of home-top

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › CSS code for two widgets side by side in place of home-top

This topic is: not resolved

Tagged: Enterprise, home-top, widgets

  • This topic has 1 reply, 2 voices, and was last updated 8 years, 8 months ago by Tom.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 22, 2014 at 3:52 pm #115451
    carolepyke
    Member

    I have created a new widget for home top in the Enterprise theme so that I have two widgets side by side. I have got them working side by side but the text in my home right widget is lower down. I have tried margins and padding to move the text up but nothing seems to work. Please help. The site is http://www.healthylivingoutloud.com

    http://www.healthylivingoutloud.com
    July 23, 2014 at 11:18 pm #115655
    Tom
    Participant

    Hi Carole,

    It looks like you're trying to place two items side by side below the nav-primary stripe. (Left-Image, Right-text)
    The new home-right widget area is actually outside of home-top, but if you can make them them side by side with the following code in your stylesheet, then adjust width, margins, padding, etc.:

    .home-top, .home-right {
    	float: left;
    	width: 40%;
    	padding: 0px;
    	margin: 0px;
    }

    Depending on the final design it might be easier to either use the default theme setup for home-top using a featured page with featured image or place two widgets in home-top and fine-tune their size and placement with CSS.


    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble