Layout Center-aligned

  • wasserbogen

    (@wasserbogen)


    4 years, 1 month ago

    Hi, I newly installed the plugin and added the shortcode in a page. The guestbook layout shows center-aligned, but I want it to be left-aligned like the screenshot shows. I think this issue is because of the theme I’m using, because I installed the plugin in another blog of mine which is using a default wordpress theme and the layout is normally left-aligned. But I don’t know how to change the code or css to fix it. Is there a way to make the guestbook layout left-aligned?

    Thank you!

    • This topic was modified 4 years, 1 month ago by wasserbogen.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter wasserbogen

    (@wasserbogen)

    4 years, 1 month ago

    Hi, I just fixed it by adding a <div> code before the shortcode as <div style=”text-align: left;”>. But now the “Write a New Entry” box is also aligned left. Is it possible to keep the “Write a New Entry” box in the center while the entries themselves are left-aligned? Thank you!

    Plugin Author Marcel Pol

    (@mpol)

    4 years, 1 month ago

    Hi,
    That is the default layout, this plugin tries to use as little CSS as possible. It should be up to the theme to add styling.

    This CSS should work:

    .gwolle-gb-write-button input.button {
  display: grid;
  margin: auto;
}
    Thread Starter wasserbogen

    (@wasserbogen)

    4 years, 1 month ago

    Hi,

    Thank you! The additional CSS works on my second blog: http://wasserbogen.com/mirrorcity/guestbook/
    My main blog theme seems not to accept additional CSS, but it’s fine! The guestbook still looks great! Thank you very much!

    Thread Starter wasserbogen

    (@wasserbogen)

    4 years, 1 month ago

    Hi,

    I figured it out. I added a code directly in gb-form.php and it works. In the part * Button ‘write a new entry.’ , I added “align=”center”” into the <div> tag.
    Thank you!

    Plugin Author Marcel Pol

    (@mpol)

    4 years, 1 month ago

    Hi,
    Custom CSS can be added in Appearance > Customizer > Custom CSS

    It is better to not change the files of the plugin, they will be overwritten on an update.

    Thread Starter wasserbogen

    (@wasserbogen)

    4 years, 1 month ago

    Thank you! I know that, I did it in my second blog. But the custom CSS field disappears in my main blog, I guess that is because the theme I’m using bans the custom CSS for some reason. I will take a note for this change for the future updates.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Layout Center-aligned’ is closed to new replies.