1. Hello Guest!

    Thank you for visiting the ClubRunner Community website, you can login using your ClubRunner account information by clicking the login link on the top of every page.
    Dismiss Notice

Template left alignment - what are the default cell sizes

Discussion in 'General' started by John Borst on Feb 9, 2020.

  1. John Borst

    By:John BorstFeb 9, 2020
    Active Community Member
    Beta Tester

    Joined:
    Jun 25, 2018
    Messages:
    118
    Likes Received:
    32
    Gender:
    Male
    Occupation:
    Retired Education Administration and Teacher
    Location:
    Education - retired
    I have been using the above template to post the opening sentence to an article with a 107 pixel picture and H3 title for over a year now. The stories are housed in the Story Library while the Stories Widget only has one story in it which gets updated separately. It thus becomes a series of left aligned templates.

    However, you have done a reworking of the template and it no longer works properly. I have just spent way over an hour trying to figure out the cell size where the picture is; the data is not there when I click on cell properties.

    Please go to drydenrotary.org.

    As you will see the right cell with the text doesn't line up with where the former right cell system did. I did guess at the picture cell size and did get it to move left but too far left. Plus the picture decreased in size.

    Also when I wanted to delete the cell it was one highlight and one cut. Now it is likely to be multiple cuts.

    From my perspective this change is a disaster. Formerly it was easy and minimal work. It no longer is unless you can clue me in to make it work like the former template.
     
  2. John Borst

    By:John BorstFeb 10, 2020
    Active Community Member
    Beta Tester

    Joined:
    Jun 25, 2018
    Messages:
    118
    Likes Received:
    32
    Gender:
    Male
    Occupation:
    Retired Education Administration and Teacher
    Location:
    Education - retired
    This morning I did another post and did not resize the picture to 107 pixel width. It appears the default size is now something larger. I changed the other post which caused the Thread to be created to be the same size, but I'm not crazy about the size as I think it is too big.
     
  3. Omar S.

    By:Omar S.Feb 12, 2020
    Moderator
    ClubRunner Team

    Joined:
    Oct 22, 2019
    Messages:
    2
    Likes Received:
    0
    Gender:
    Male
    Hello John,

    Thank you for letting us know you were experiencing some problems when formatting your new Stories in your 'Most Recent' story.

    Reviewing the site, I see the widget on the homepage containing your 'Most Recent' story with it's custom html and the formatting issues you had described.

    Custom HTML code typically falls outside the scope of our support, however to assist you further with this request, I have taken a quick look-over for the code.

    Upon closer inspection, the latest 2 additions have been added using our template 'Image Left Article Right', but the remaining Story Links in the 'Most Recent' story are using a custom html format of linked heading, then linked image, and text.

    This custom format is not part of our templates and this is why these stories display differently than the previous stories.

    To continue using the custom html format for the previous stories, please copy the code from previous entries and replace the links for the two new stories you had mentioned here.

    We do have a 'Home Page Stories' widget that works to automatically manage stories from the Story Library, is there a reason you prefer to manually list and link these stories, within a story, on the widget?
     
  4. Jenna Carroll

    By:Jenna CarrollMar 9, 2020
    Community Member

    Joined:
    Dec 27, 2018
    Messages:
    14
    Likes Received:
    2
    Gender:
    Female
    Occupation:
    Executive Director
    Location:
    Spokane, United States of America
    I am also experiencing issues with templates. We were using the 'image left, article right' template on our upcoming speaker custom page (https://rotaryspokane.com/page/upcoming-speakers) without issue previously. Now it wants to format this into different boxes that align the article right next to the photo and I have to insert additional spaces into the text to make it pleasing to the eye for reading. Additionally, the two different boxes that appear on the article side of things are confusing since you can't actually put anything in what appears to be a second text box?
     
  5. Mickey

    By:MickeyMar 9, 2020
    Moderator
    ClubRunner Team

    Joined:
    Jun 10, 2017
    Messages:
    95
    Likes Received:
    28
    Hi Jenna,

    Thank you for posting this. There are some extra options I'd like to explain further.

    1. You can add a few pixels of 'image padding' around any image. This is like an invisible border that adds space between images and the text beside it. These 2 values are called 'Hspace' and 'Vspace' (Horizontal & Vertical space). You can start with a value of 3 (pixels) and increase from there to your liking.

    2. The blank area below your text is not a second input box, but the remaining whitespace remaining to go to reach the bottom of the image on the left. In other words if you kept typing text that whitespace would get filled in. If your text content becomes greater than the height of your image, the text side would keep increasing and there would now be whitespace below your image on the left.

    Here is an illustration for you:
    [​IMG]

    If you have further questions please post again.
     
  6. Jenna Carroll

    By:Jenna CarrollMar 9, 2020
    Community Member

    Joined:
    Dec 27, 2018
    Messages:
    14
    Likes Received:
    2
    Gender:
    Female
    Occupation:
    Executive Director
    Location:
    Spokane, United States of America
    Thank yor for the additional info! Very helpful!


     
Top