hyunsupul / aesop-core

Open-sourced suite of components that empower interactive storytelling in WordPress.
http://aesopstoryengine.com
GNU General Public License v2.0
244 stars 56 forks source link

Quote component: left and right align break content styles #97

Closed simplemama closed 10 years ago

simplemama commented 10 years ago

To duplicate, add the following:

Quote, center aligned Quote, left aligned Content area with some text Quote, right aligned Content area with some text

When a content area follows a quote area that is either left or right aligned, it breaks the content area styles and the quote does not display.

Sample content for testing:

[aesop_quote width="content" background="#472023" text="#FFFFFF" align="center" size="3" parallax="off" direction="up" quote="Rising up, back on the street. Did my time, took my chances. Went the distance, now I'm back on my feet. Just a man and his will to survive."]

[aesop_quote width="content" background="#472023" text="#FFFFFF" align="left" size="3" parallax="off" direction="up" quote="Rising up, back on the street. Did my time, took my chances. Went the distance, now I'm back on my feet. Just a man and his will to survive."]

[aesop_content width="content" columns="1" position="none" imgrepeat="no-repeat" color="#ffffff" background="#000000"]With no further movement on two of his proposed loan acquisitions, Roberto Martinez appears to be shifting his focus inwardly as he prepares for the start of the new season in just nine days’ time. The Everton manager had stated his intention last week to bring in at least one new face before the beginning of the Premier League campaign but with no movement on plans to bring in Christian Atsu and Lacina Traore, his rhetoric is increasingly pointing towards the Blues kicking off at Leicester with the squad as it currently stands.[/aesop_content]

[aesop_quote width="content" background="#472023" text="#ffffff" align="right" size="3" parallax="off" direction="up" quote="Rising up, back on the street. Did my time, took my chances. Went the distance, now I'm back on my feet. Just a man and his will to survive."]

[aesop_content width="content" columns="1" position="none" imgrepeat="no-repeat" color="#ffffff" background="#000000"]With no further movement on two of his proposed loan acquisitions, Roberto Martinez appears to be shifting his focus inwardly as he prepares for the start of the new season in just nine days’ time. The Everton manager had stated his intention last week to bring in at least one new face before the beginning of the Premier League campaign but with no movement on plans to bring in Christian Atsu and Lacina Traore, his rhetoric is increasingly pointing towards the Blues kicking off at Leicester with the squad as it currently stands.[/aesop_content]

[aesop_quote width="content" background="#472023" text="#ffffff" align="center" size="3" parallax="off" direction="up" quote="It's the eye of the tiger. It's the thrill of the fight, rising up to the challenge of our rival. And the last known survivor, stalks his prey in the night, and he's watching us all with the eye of the tiger."]
bearded-avenger commented 10 years ago

this should be patched in 1.1. i can reopen if not.

TheAnarchyState commented 10 years ago

I'm testing in 1.093 and this problem still exists.

TheAnarchyState commented 10 years ago

Actually, it works fine when the Quote is followed by a Content component, however if the Quote is followed by Audio and then Content, the original problem resurfaces (where Quote is not visible and there is a big black box infringing on the Content). This isn't a major problem for us though, as I can move the audio.

bearded-avenger commented 10 years ago

This is related to the theme. There's an opacity:0 on that element.