WordPress.org

Forums

Aesop Story Engine
[resolved] Use of returns to create height in content component (31 posts)

  1. borisdejong
    Member
    Posted 1 year ago #

    Nick,

    I used a lot of hard returns to create height in my content components because the tag "height="400" wasn't doing anything.

    Now suddenly all my hard returns are cleaned out??!?!?!?!

    I'm in a panic becos I just mailed my first sotry to people to show it off and it looks screwed now! please help!

    it's here:
    http://www.storyfall.nl/feasible-dream

    https://wordpress.org/plugins/aesop-story-engine/

  2. Nick Haskins
    Member
    Plugin Author

    Posted 1 year ago #

    Did you edit the core files?

  3. borisdejong
    Member
    Posted 1 year ago #

    No...?

    I edited the CSS to make all <P> a few points bigger...
    that's all?

  4. Nick Haskins
    Member
    Plugin Author

    Posted 1 year ago #

    What CSS did you edit? I'm a little confused as to what the issue is. We have made zero edits to CSS for the content component. Most components dont even have any CSS. It's up to the theme

  5. borisdejong
    Member
    Posted 1 year ago #

    What's happening is, I enter those returns inside the aesop shortcodes to create height, but the editot doesn't save them anymore??! they're gone when I reopen the post...

  6. Nick Haskins
    Member
    Plugin Author

    Posted 1 year ago #

    What do you mean by "enter those returns" ?

  7. borisdejong
    Member
    Posted 1 year ago #

    No, wait, the editor DOES save them now. But all through my post my hard returns have been nixed!

    I had code like this:
    ------
    [aesop_parallax img="http://storyfall.nl/wp-content/uploads/2014/03/zw.jpg" height="600" parallaxbg="on" floater="off" floaterposition="right" floaterdirection="down" captionposition="bottom-left" lightbox="off"]

    For years, pakhuis De Zwijger was a dilapidated old warehouse just off Amsterdam Central Station. Fully renovated and reinvented into an eye-catching conference venue, it makes a..
    -------

    and now I have this:

    --------
    [aesop_parallax img="http://storyfall.nl/wp-content/uploads/2014/03/zw.jpg" height="600" parallaxbg="on" floater="off" floaterposition="right" floaterdirection="down" captionposition="bottom-left" lightbox="off"] For years, pakhuis De Zwijger was a dilapidated old warehouse just off Amsterdam Central Station. Fully renovated and reinvented into an eye-catching conference venue, it makes a..
    ----

    get it?

    what could have caused this? I have to re-enter all those hard returns manually?
    fukkkkk :-(

  8. borisdejong
    Member
    Posted 1 year ago #

    hard return is that you would call a line break :-)

  9. Nick Haskins
    Member
    Plugin Author

    Posted 1 year ago #

    So the formatting of your post is off?

  10. Nick Haskins
    Member
    Plugin Author

    Posted 1 year ago #

    Aesop Story Engine has nothing to do with the formatting of your post.

    You likely switched over into "visual" mode, which inserted linebreaks. This is what WordPress does in visual mode (and fwiw, the reason why I personally never use visual mode).

  11. borisdejong
    Member
    Posted 1 year ago #

    I used line breaks all over the place to 'create height' because in the content component, oftentimes, the tag 'height="400" doesn't do anything.

    have you noticed that btw?

    [aesop_content height="600px" position="none" img="http://storyfall.nl/wp-content/uploads/2014/03/1403041243.jpg" imgrepeat="no-repeat" color="#d6d6d6" background="#333333"]

    in the code above, the tag height="600" does not make a box of 600px. adding the px changes nothing either.

    SO i used line breaks to manually create height.... *pant pant*

    now I have to re-enter all those line breaks.

  12. Nick Haskins
    Member
    Plugin Author

    Posted 1 year ago #

    The content component doesn't have a height attribute, nor is it documented.

  13. borisdejong
    Member
    Posted 1 year ago #

    Yeas the formatting is off, but

    1) it went off spontaneously

    2) I'd much rather not have to use line breaks to create height in content components, but the tag 'height' itself isn't working for me... it does nothing....

  14. Nick Haskins
    Member
    Plugin Author

    Posted 1 year ago #

    The content component does not have a height attribute.

  15. borisdejong
    Member
    Posted 1 year ago #

    OK.....

    So the content component doesn't HAVE a height attribute.
    And I'm SUPPOSED to use those line breaks then.

    But then they shouldn't be dissappearing in my editor like this, should they???

    I still have to go by every content component (which I use everywhere in the post, it's great - and re-enter those line breaks...

    that is a drag, and feels unreliable. how do I prevent this from happening again?

  16. Nick Haskins
    Member
    Plugin Author

    Posted 1 year ago #

    Honestly I'm not sure Boris. This is WordPress formatting. What I do know is that this doesn't have anything to do with Aesop Story Engine, at all.

  17. borisdejong
    Member
    Posted 1 year ago #

    Fine, my friend, but if this causes Aesop content components to suddenly go from nice-n-high to letterbox height... that's an issue you may want to know what to do about?

    I'm goign to go enter those line breaks everywhere.
    thanks,

    Boris.

  18. Nick Haskins
    Member
    Plugin Author

    Posted 1 year ago #

    We have absolutely zero control over how the user formats their post inside of WordPress.

  19. borisdejong
    Member
    Posted 1 year ago #

    Last question though.

    You can confirm that if I want to have a content component that is X lines high, I do have to enter X number of line breaks and then close with [/aesop content] tag?

    That is the way to do this, right? Or is there a smoother way to set the height of the content component?

  20. Nick Haskins
    Member
    Plugin Author

    Posted 1 year ago #

    You want to avoid setting a height on it at all. When you make the screen smaller the height will stay and your text will just fall out of the container. You might try adding some custom css to increase the padding on top and bottom, if you want additional space.

    Use a plugin like Simple Custom CSS to store your css edits,or use a chidl theme.

  21. borisdejong
    Member
    Posted 1 year ago #

    do you use skype?
    I feel like I'm really wasting your time with my noob questions, but the issue I have DOES have to do with me learning the Aesop ropes.

    can we skype just a short bit? I really would like to explain this to you.

  22. esmi
    Forum Moderator
    Posted 1 year ago #

    @borisdejong: Please do not solicit contact via Skype. Asking others to contact you off forums is really frowned upon here. The point of these community-based forums is to help each other in a public space so that the whole community can benefit from the discussion and any solutions proposed. Private discussions take this benefit away. If you would prefer a one-to-one discussion, please try http://directory.codepoet.com/ or http://jobs.wordpress.net/

  23. borisdejong
    Member
    Posted 1 year ago #

    OK,

    I'm now going into the text editor and entering </br> instead of nbsp; .... in hope that WordPress won't nix those too.

    the effect seems to hold up under screen resizing.

    you see my point is not about padding... it's about adding text at the BOTTOM of a picture.

    Man I wish I could show this to you as I explain. I feel like this is something people will use in Aesop all the time... it;s such a common formatting choice for stories.

  24. borisdejong
    Member
    Posted 1 year ago #

    OK, esmi, point well taken.
    I'm just really frustrated with having to explain everything in type...

    Nick, hope I didn't piss you off there by asking your skype. just trying to get that plane you built to really fly for me.

    you've been really helpful so far.

  25. Nick Haskins
    Member
    Plugin Author

    Posted 1 year ago #

    LOL no worries. We're working on putting together more resources to help you on your way.

  26. borisdejong
    Member
    Posted 1 year ago #

    OK thank god for that, I really appreciate your help.

    Also, I found out more about the nixed line breaks.
    This is apparently a given with WordPress: it often auto-deletes multiple line breaks.
    Because I used this all over the place to create height in your content component, I need to find another way of doing this.

    What I'm after is just putting up a picture and having a paragraph of text at its bottom, to guide the reader out of the image and back into the narrative.
    I'll bang my head some more and put up the results here.

    It must be possible, and without resorting to Custom CSS... I still know next to nothing about that.

  27. simple_mama
    Member
    Posted 1 year ago #

    As far as I know, WordPress automatically removes &nbsp; and < br />. You may want to try adding <p></p> (this is all in the HTML editor) but it is likely those will be removed as well when you switch to the Visual editor.

  28. borisdejong
    Member
    Posted 1 year ago #

    Thanks, simple_mama.
    I... I thought I now had a workaround using

    line break & space
    line break & space
    line break & space
    etc.

    The effect seems to be that tinyMCE doesn't count it as an empty line, and so leaves it be.

    Still, it's a crude solution.
    See the result at http://www.storyfall.nl/feasible-dream

    I have pictures with text in them using Aesop's content component, but that component by default makes the height of the bg image no higher than the content text. I want the bg image to reach much higher than the content text, so as to create 'an image with text at the bottom'.

    My 'line break & space' workaround will have to do. IF tinyMCE leaves it be...

  29. simple_mama
    Member
    Posted 1 year ago #

    I can see all the <p></p> you're using in the code. ;) If it works, then great! An alternative may be to add some custom CSS to the blockquote element. This would, however, apply to any blockquote on the site (unless you know CSS well enough to get specific to the ID/class). By adding some padding to the top of the blockquote, you could essentially do the same thing that your <p></p> are accomplishing.

  30. borisdejong
    Member
    Posted 1 year ago #

    Hey thanks for sticking around to help me simple_m. I'm in Europe so, it was bedtime 7hrs ago.

    Anyway I think what you proposed is what Nick Haskins has been trying to tell me all along. He just kindly said 'use custom CSS' but i had no idea where to start on that.

    You've just given me an idea where to start ('increase the top padding') and thank you for that, but I do think I'll need more than just CSS for the blockquote.

    Look if you will at the paragraph under 'Believers in biomass' for example. It's not just a blockquote: it's a header and then a paragraph in white type over the image, and then having the black type continue under the image. I love that, it creates a playful and enticing flow in the narrative.

    So ideally I want to be able to add that 'increased top padding' attribute to just about anything: blockquotes, Header 1s, header 2s, anything. That would be GRAND.

    I'll get started on the custom CSS to see how far I can get for blockquotes and maybe a child version of the Header 1, but I really also think this 'increased top padding' something Nick may want to consider adding to his Content component as such as well. It's going to be a staple food for this kind of layouting, I'm sure.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.