• Resolved Bluelight

    (@bluelight)


    Hello again Shapped Pixels,

    I seem to have an issue with the text editor not responding as it should for setting up a very simple one cell table for text, with cell padding and spacing.
    I know it works on an old wordpress website (weaver theme) but doesn’t seem to on the Longevity theme, with the exact same settings…I am using TinyMCE Advanced plugin.

    The cell padding and spacing show in the text editor (both set at 20) but the settings don’t translate on the saved web page with the Longevity theme.

    You can see the blue box with text at https://rosswood.ca/wp/about-ross with the spacing and padding around the text, as I would like it to be.

    While the same settings don’t show here on the Longevity theme, with the text going right up to the edge of the box. https://peace.cosmiclight.ca/about-ross/

    Could this be a bug?
    Thanks in advance,
    Claire

Viewing 9 replies - 1 through 9 (of 9 total)
  • Theme Author Shaped Pixels

    (@shaped-pixels)

    Hi Claire…thanks for giving me lots of information. Now for the bad news, sort of…

    On the last link you posted, that theme version is version 1.2.9 while the newer one is 2.2.2.

    My guess is that due to the version difference between the two longevity theme installs, you are seeing changes that were done with the latest version. For your peace.cosmiclight.ca site, you may want to consider updating Longevity for that one (Make a BACKUP first though). However, if you don’t want to update, you can create a custom CSS class and apply it to the table. Something like:

    .yourtyle td {
       padding: 20px;
    }

    Your table code would look something like this:

    <table class="yourstyle" style="background-color: #26619c;" border="1" cellspacing="20" cellpadding="20">

    Although the preference would be this:

    <table class="yourstyle">

    …and your custom CSS would be this:

    .yourstyle {
       border-width: 1px;
       background-color: #26619c;
    }
    .yourtyle td {
       padding: 20px;
    }

    When using classes, you can remove the border, cellpadding, and cellspacing because this this is the old way of tables; but that is a whole other topic.

    This is a good starting point for adding more knowledge of styling tables: Table Style

    Thread Starter Bluelight

    (@bluelight)

    Thanks again for such a prompt reply.

    Well that’s rather mysterious.
    I only uploaded your Longevity theme a few weeks ago and even now my dashboard says that my theme is up to date.
    I certainly would like to have the latest update…would you be so kind as to tell me how to update a theme that says it’s up to date?

    Thread Starter Bluelight

    (@bluelight)

    …the www.remarpro.com website only offers the version 1.2.9 of longevity and so does the link to download from your website….? hummm….
    I seem to be missing something here ??

    Thread Starter Bluelight

    (@bluelight)

    I’ve applied your first CSS custom suggestion and table code, and the results are good. I tried your second suggestion and there was no change. So the look is good but still wondering about the new latest Longevity version update.

    Theme Author Shaped Pixels

    (@shaped-pixels)

    My fault…I wasn’t paying attention and on your other site, the theme you are using is not Longevity, but I looked at the version 2.2.2. Longevity is indeed 1.2.9.

    That is a sign of lack of sleep ??

    Anyway, apologies for that. But as for your issue at hand, the CSS suggestion I gave sounds like that worked then?

    Thread Starter Bluelight

    (@bluelight)

    CSS worked beautifully, so issue solved. Thank you.

    Since the issue was not because of an older theme version, does that mean that tables don’t respond to the text editor normally with the Longevity theme? and I will need to use CSS for adjustments?

    Theme Author Shaped Pixels

    (@shaped-pixels)

    If the theme has a special editor stylesheet, that will be true. Many themes will have an editor-style.css file which imports the theme styles into the editor so that your content in the editor will inherit the theme styles. Longevity does not include table styling in the editor stylesheet it includes, but depending on what you set as an embedded style, most styling that you do will show in the editor.

    **Embedded style is the styling you apply to an element like your table style="background-color: #26619c;" is one example.

    When you create a post or page that has a table or other elements, before publishing, you can click on Preview to see what it will look like when its published.

    Thread Starter Bluelight

    (@bluelight)

    Thank you so very much for all your assistance.
    Hope you can get some sleep ??

    Theme Author Shaped Pixels

    (@shaped-pixels)

    You’re very welcome.
    As for sleep, lol, I can only hope ??

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘text editor and table issue’ is closed to new replies.