• 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

Display ads/images beside each other in the sidebar area

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 › General Discussion › Display ads/images beside each other in the sidebar area

This topic is: not resolved

Tagged: ads, Beautiful Pro Theme, css, images, Sidebar, widgets

  • This topic has 8 replies, 2 voices, and was last updated 8 years ago by hbollinger.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 29, 2015 at 4:20 pm #138993
    hbollinger
    Member

    I'm using the Beautiful Pro theme and I'm trying to figure out how to display ads/images side by side (rather than stacked on top of each other) in the sidebar area.

    I used a text widget in my left split sidebar area and added 2 different codes, but the images are stacked on top of each other. Can I get them to display to the left and right of each other? I've also tried doing the same thing in my primary sidebar area but the result is the same.

    Is there some css that I can add? Thanks.

    http://wovenbeautiful.com/
    January 29, 2015 at 6:45 pm #138998
    Lauren @ OnceCoupled
    Member

    I'm not sure what your true end-goal is, but it sounds like all you need for this specific case it to put 1 text widget, with 1 code, in the left split sidebar, and 1 text widget, with 1 code, in the right split sidebar.

    Best,
    Lauren


    We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

    January 29, 2015 at 7:53 pm #139003
    hbollinger
    Member

    Thanks Lauren,

    I thought that too but that doesn't display them side by side. I want to be able to display images side by side (like ads, badges from other sites, and so on). I have a incourage image and a proverbs 31 image in my sidebar, and I what them to display inline side by side, but instead they float left and are stacked on top of each other. I'm guessing I might need to change some css but I'm not sure what.

    January 29, 2015 at 8:01 pm #139004
    Lauren @ OnceCoupled
    Member

    Can you expand on why this isn't what you want? http://awesomescreenshot.com/0994atz8cb


    We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

    January 29, 2015 at 9:04 pm #139007
    hbollinger
    Member

    That is what I want but it doesn't display like that for me when I try to put one code in the left split sidebar, and one in the right split sidebar. How did you do that?

    January 30, 2015 at 8:38 am #139043
    Lauren @ OnceCoupled
    Member

    It looks like you were able to get it to display properly. Is that what you're going for?


    We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

    January 30, 2015 at 10:58 am #139053
    hbollinger
    Member

    Thanks for your help, Lauren. I couldn't get them to display side by side so I removed one of the images, but I would be okay with them being stacked on top of each other if I could at least center the images. When I put a code for an image in a text widget it floats left in the sidebar. I'm wondering if I can add some code so that the images align center.

    January 30, 2015 at 1:37 pm #139074
    Lauren @ OnceCoupled
    Member

    I'm just not understanding what's happening Hannah... when I went to your site this morning, you had both images - one in the left sidebar, one in the right - and they were side-by-side, like they should be. They looked just like the screenshot I sent you.

    That said, here's one way you could center your image:
    <img src="http://proverbs31.org/images/P31DailyDevotions.png" border="0" alt="P31 Daily Devotions" style="display: block; margin: 0 auto;">


    We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

    January 30, 2015 at 1:55 pm #139076
    hbollinger
    Member

    That's so strange, sorry for the confusion - but thanks for sticking with me. 🙂 I'm not sure why I'm not able to see them side by side. I checked on both my computer and phone but I'll try one more time. If not, I'll try to center them. Thanks for the help!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The forum ‘General Discussion’ 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