Options

Text Box Issues *Any updates

Digital NinjaDigital Ninja Registered Users Posts: 13 Big grins
edited November 1, 2013 in SmugMug Customization
Hey everyone,

When are the text box tool issues likely to be addressed, i know many people here have had issues with it.
While i've generally being impressed with the new options, the inability to properly format text really hurts my site and is a pretty essential part of site SEO.

It really is a hair tearing kind of situation! :)

Can anyone point me in the direction of a good html/css guide workaround for text :)

Thanks,
Shannon

Site is
www.digitalninjadesign.com

Comments

  • Options
    AceCo55AceCo55 Registered Users Posts: 950 Major grins
    edited October 24, 2013
    Sorry - can't help you with any timeline.
    What I have done to get around the problem is to replace my text content blocks with HTML content blocks
    One CAN format these. I cobbled together the correct syntax from reading through threads and getting help from some wonderfully generous people here.
    I can help you with some basics.
    My opinion does not necessarily make it true. What you do with my opinion is entirely up to you.
    www.acecootephotography.com
  • Options
    Digital NinjaDigital Ninja Registered Users Posts: 13 Big grins
    edited October 24, 2013
    AceCo55 wrote: »
    Sorry - can't help you with any timeline.
    What I have done to get around the problem is to replace my text content blocks with HTML content blocks
    One CAN format these. I cobbled together the correct syntax from reading through threads and getting help from some wonderfully generous people here.
    I can help you with some basics.

    Thanks for the offer, and yes any assistance would be greatly appreciated :D
    Is your text formatted in an HTML block, any idea whether we can style this with an additional CSS block as well.

    Feel free to point me towards any threads that have helped you :)
  • Options
    denisegoldbergdenisegoldberg Administrators Posts: 14,251 moderator
    edited October 24, 2013
    Is your text formatted in an HTML block, any idea whether we can style this with an additional CSS block as well.
    An HTML box automatically has a CSS tab with it - so yes, you can easily style the HTML with additional CSS.

    I also recommend using an HTML box instead of a text box.

    --- Denise
  • Options
    AceCo55AceCo55 Registered Users Posts: 950 Major grins
    edited October 24, 2013
    To change font size and color I used: <span style="color: #fe7c00; font-size: 160%;"> Blah blah blah blah blah blah blah blah</span>
    Change hex code and font % to suit

    To change font: <font face="Georgia, Arial, Garamond">This paragraph has had its font...</font>

    Use <br> to create a line break (just like "Enter"). There is another version for XHTML: <br \>

    <p>This is normal text - <b>and this is bold text</b>.</p>

    To add a hyperlink to acecootephotography: <a href="http://www.acecootephotography.com">Visit Ace's website</a>

    This website shows a list of HTML tags, explains them and provides an example: http://www.w3schools.com/tags/tag_br.asp
    My opinion does not necessarily make it true. What you do with my opinion is entirely up to you.
    www.acecootephotography.com
  • Options
    bwgbwg Registered Users, Retired Mod Posts: 2,119 SmugMug Employee
    edited October 24, 2013
    Hey everyone,

    When are the text box tool issues likely to be addressed, i know many people here have had issues with it.
    While i've generally being impressed with the new options, the inability to properly format text really hurts my site and is a pretty essential part of site SEO.

    It really is a hair tearing kind of situation! :)

    Can anyone point me in the direction of a good html/css guide workaround for text :)

    Thanks,
    Shannon

    Site is
    www.digitalninjadesign.com
    We have some text editor updates making their way through QA. Hope to have them out soon.
    Pedal faster
  • Options
    leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited October 24, 2013
    bwg wrote: »
    We have some text editor updates making their way through QA. Hope to have them out soon.


    clap.gifwings.gifbowdown.gif :ivar thumb.gifrolleyes1.gif
    dGrin Afficionado
    Former SmugMug Product Team
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • Options
    Digital NinjaDigital Ninja Registered Users Posts: 13 Big grins
    edited October 25, 2013
    Ah well thats a relief :) Thanks for the head up!
  • Options
    Darter02Darter02 Registered Users Posts: 947 Major grins
    edited October 25, 2013
    To create lists in an HTML block use this in your HTML tab.
    <ul>
    	<li>list subject
    	<ul>
    		<li><a href="SOME URL">URL TITLE</a></li>
    			COPY ABOVE FOR EACH ITEM
    	</ul>
    	</li>
    
    	COPY ABOVE FOR EACH SUBJECT
    </ul>
    

    Place this in your CSS tab.
    ul {
      list-style: inside;
      margin-left: 12px;
      padding: 5px 0;
    }
    
  • Options
    dennismullendennismullen Registered Users Posts: 709 Major grins
    edited October 25, 2013
    I was able to work around it by doing the text box editing on my iPad which worked fine.
    You could try a different browser as it seems some work and some don't.

    Cheers,
    See my gallery at http://www.dennismullen.com
  • Options
    bwgbwg Registered Users, Retired Mod Posts: 2,119 SmugMug Employee
    edited October 31, 2013
    Just pushed an update to the text editor. Added support for headings and fixed all the formatting wonkiness. Let us know if you run into any problems.
    Pedal faster
  • Options
    leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited October 31, 2013
    bwg wrote: »
    Just pushed an update to the text editor. Added support for headings and fixed all the formatting wonkiness. Let us know if you run into any problems.

    And yet you broke the Caption editor. I can't enter all the HTML I used to be able to. I noticed this yesterday. I had some <h4> tag's in my caption. I went to add to the caption and the <h4>'s disappeared. Now I can't add them back. Any time I add them they get removed.
    Example: http://www.aaronmphotography.com/Customizations2/i-c5fQ3Tk (the text "For Gallery and Folder Images Only" should be in an <H4>)

    If I go to captions that already have it, and go to edit my caption, I noticed that the closing </h4> is not displayed, but the opening <h4> is. If I click cancel my heading 4's are still there and load as headings on the page. If I click save, they go away.
    Here's an example of them working: http://www.aaronmphotography.com/Customizations2/i-Zx6GJjS

    I checked with <h3>'s as well. No dice.

    Please fix and send a note to QA to tell them they missed this in their testing!
    dGrin Afficionado
    Former SmugMug Product Team
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • Options
    bwgbwg Registered Users, Retired Mod Posts: 2,119 SmugMug Employee
    edited October 31, 2013
    leftquark wrote: »
    And yet you broke the Caption editor. I can't enter all the HTML I used to be able to. I noticed this yesterday. I had some <h4> tag's in my caption. I went to add to the caption and the <h4>'s disappeared. Now I can't add them back. Any time I add them they get removed.
    Example: http://www.aaronmphotography.com/Customizations2/i-c5fQ3Tk (the text "For Gallery and Folder Images Only" should be in an <H4>)

    If I go to captions that already have it, and go to edit my caption, I noticed that the closing </h4> is not displayed, but the opening <h4> is. If I click cancel my heading 4's are still there and load as headings on the page. If I click save, they go away.
    Here's an example of them working: http://www.aaronmphotography.com/Customizations2/i-Zx6GJjS

    I checked with <h3>'s as well. No dice.

    Please fix and send a note to QA to tell them they missed this in their testing!
    This is unrelated to the text editor update.

    I will look into why heading tags aren't in the HTML whitelist for image captions.
    Pedal faster
  • Options
    JtringJtring Registered Users Posts: 675 Major grins
    edited November 1, 2013
    Text Box Issues *Any updates - Wonkiness for bwg
    bwg wrote: »
    Just pushed an update to the text editor. Added support for headings and fixed all the formatting wonkiness. Let us know if you run into any problems.

    Hello bwg,

    Grumble, grumble. I've hit a new bit of wonkiness. I have a text block that uses 14px font. It's the Change Log about 3/4 of the way down on my Tools Page. The new editor appear to have forced a line spacing of 20px for that text, which spread it out more than before. Inspecting the code shows a property of line-height:20px for the paragraph that makes up that text block, coming from Smugmug CSS item core-557bc2084111213872344df2bdd46198.css, line 448, which is quite a monster. Note I'm not seeing "line-height:normal"; I see a hard-wired number. That line height is just right for 16px text and it appear that for larger text it gets overridden appropriately. But it's wonky behavior for the smaller fonts.

    I've returned my text box to the status quo ante with a CSS patch applied at the entire-site level:
    .sm-widget-text > p {
     line-height: inherit;
    }
    
    This is not a disaster, but I really shouldn't have to add a patch to clean up after a push. (And worse, since I'm really still an apprentice CSS coder, I'm not always sure of the side effects of my patches.)

    Jim Ringland
    jtringl.smugmug.com
    Jim Ringland . . . . . jtringl.smugmug.com
Sign In or Register to comment.