Title: Short Code Visuals
Last modified: September 17, 2023

---

# Short Code Visuals

 *  [blueskript](https://wordpress.org/support/users/blueskript/)
 * (@blueskript)
 * [2 years, 8 months ago](https://wordpress.org/support/topic/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](https://christophreiser.com/kp/bild/life-and-death/) 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](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fshort-code-visuals%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [Jo4nny8](https://wordpress.org/support/users/jo4nny8/)
 * (@jo4nny8)
 * [2 years, 8 months ago](https://wordpress.org/support/topic/short-code-visuals/#post-17059644)
 * [@blueskript](https://wordpress.org/support/users/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-block-code
       .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](https://wordpress.org/support/users/blueskript/)
 * (@blueskript)
 * [2 years, 8 months ago](https://wordpress.org/support/topic/short-code-visuals/#post-17062880)
 * 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](https://wordpress.org/support/users/jo4nny8/)
 * (@jo4nny8)
 * [2 years, 8 months ago](https://wordpress.org/support/topic/short-code-visuals/#post-17062886)
 * [@blueskript](https://wordpress.org/support/users/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](https://wordpress.org/support/users/blueskript/)
 * (@blueskript)
 * [2 years, 8 months ago](https://wordpress.org/support/topic/short-code-visuals/#post-17063058)
 * 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.

 * ![](https://ps.w.org/wp-post-nav/assets/icon-256x256.jpeg?rev=1969751)
 * [WP Post Nav](https://wordpress.org/plugins/wp-post-nav/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-post-nav/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-post-nav/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-post-nav/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-post-nav/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-post-nav/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [blueskript](https://wordpress.org/support/users/blueskript/)
 * Last activity: [2 years, 8 months ago](https://wordpress.org/support/topic/short-code-visuals/#post-17063058)
 * Status: not resolved