Short Code Visuals

  • Hey jo4nny8,

    your plugin is super awesome function wise, but it has some problems visually when i use a shortcode:

    On this post on top, i have the standard WP Post Navigation. On the bottom is the shortcode of your plugin. Is there a way to edit the visual of the shortcode, so it doesn′t have the lines and centers in the orange box?

    I can′t use the plugin without the shortcode, as in the mobile version it overlays the bottom of the screen + only states previous/next but no details.

    Thank you very much for your time and answer ??

    All the Best

    Christoph

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Jo4nny8

    (@jo4nny8)

    @blueskript

    Yes of course. There is minimal styling applied to the nav as it picks up your built in WordPress CSS for specified items (this is a nav -> UL) so you can simply make css changes as desired.

    If you target all ULs within the .wp-post-nav class you can change the design as you wish.

    .wp-post-nav-shortcode ul {
display: flex;
  margin: 0 !important;
  padding: 5px !important;
}

    hopefully the above will get you some of the way there to making it look like you wish.

    Thread Starter blueskript

    (@blueskript)

    Thx for the fast reply and the code. As i am not a coder i will try to see if i can make it work.

    Plugin Author Jo4nny8

    (@jo4nny8)

    @blueskript can you produce a drawing / image of what you want to achieve?

    If so I can write the css for you and drop it in here and you can simply add it via the custom css panel in the customiser which should make it work for you

    Thread Starter blueskript

    (@blueskript)

    Hey,

    At the end i would like to have it as simple looking as possible. I guess just like the post nav that WP provides. Only with the funtionality your plugin provides, of limiting the navigation inside the category, is what i want on top ??

    So it probably should look like that (I can′t upload pics here in the support. Hope this is ok.):

    For previous:
    << “titel”

    For next:
    “titel” >>

    It should not show the previous/next, which i can not turn off in your plugin.

    Thank you very much for taking your time with me ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Short Code Visuals’ is closed to new replies.