Title: formatting missing
Last modified: December 5, 2023

---

# formatting missing

 *  [evielutions](https://wordpress.org/support/users/evielutions/)
 * (@evielutions)
 * [2 years, 5 months ago](https://wordpress.org/support/topic/formatting-missing-3/)
 * Hi, I created a shortcode with the following but the styling isn’t taking place.
   Am I missing something?
 *     ```wp-block-code
       <div id="mni-widgets-1664300152268"></div>
       <script type="text/javascript">
       /*<![CDATA[*/
       var _mniwq=_mniwq||[];
       _mniwq.push(["1664300152268.type","events_upcoming"],["1664300152268.display","text"],["1664300152268.category",6],["1664300152268.limit",5],["1664300152268.marquee",false],["1664300152268.showEndDate",false],["1664300152268.showLocation",false],["1664300152268.showLinks",true],["1664300152268.popUp",true],["1664300152268.dateFormat","MMM d"],["1664300152268.styleTemplate","#@id .mn-scroll-container{font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:130%;margin:8px;position:relative}#@id .mn-scroll-item{-moz-border-radius:5px;-webkit-border-radius:5px;background-clip:padding-box;background-color:#000000;border-radius:5px;color:#FFFFFF;margin:0 0 4px;position:relative}#@id .mn-scroll-item:hover{background-color:#000000;color:#FFFFFF}#@id .mn-scroll-name,#@id .mn-scroll-teaser{display:block;padding:5px 3px 5px 58px;position:relative}#@id .mn-scroll-link{color:inherit;text-decoration:none}#@id .mn-scroll-link:hover{text-decoration:underline}#@id .mn-scroll-date{font-size:75%;font-weight:700;left:3px;position:absolute;text-align:center;top:5px;width:50px}"],["1664300152268.create","mni-widgets-1664300152268"]);
       (function(b,d,a,c){b.getElementById(d)||(c=b.getElementsByTagName(a)[0],a=b.createElement(a),a.type="text/javascript",a.async=!0,a.src="https://cyfairhoustonchamber.chambermaster.com/Content/Script/Widgets.js",c.parentNode.insertBefore(a,c))})(document,"mni-widgets-script","script");
       /*]]>*/
       </script>
       <style>
       #mni-widgets-1664300152268 .mn-scroll-date {font-size: 115%;}
       #mni-widgets-1664300152268 .mn-scroll-name {padding: 15px 3px 5px 0px;}
       .cms-box-styling .mn-scroll-item.mn-has-enddate .mn-scroll-name {
       padding-left: 0!important;
       }
       .ua-chrome .cms-box-styling .mn-scroll-item {
       float: left;
       }
       .cms-box-styling {margin-bottom:30px;}
       .cms-box-styling .mn-scroll-container {
       height: auto;
       }
       .cms-box-styling .mn-scroll-slider {
       column-count:5;
       -moz-column-count: 5;
       -webkit-column-count: 5;
       }
       .cms-box-styling .mn-scroll-item {
       -moz-border-radius: 0;
       -webkit-border-radius: 0;
       background-clip: padding-box;
       background-color: #66bd4a;
       border-radius: 15px 0 0 0;
       color: #ffffff !important;
       position: relative;
       min-height: 250px;
       max-height:250px;
       box-sizing: border-box;
       vertical-align: top;
       padding: 50px 20px;
       width: 100%;
       display: block;
       -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
       -o-column-break-inside: avoid;
       -ms-column-break-inside: avoid;
       column-break-inside: avoid;
       page-break-inside: avoid;
       break-inside: avoid;
       margin: 0 0 15px;
       }
       .ua-ie .cms-box-styling .mn-scroll-item {
       display: inline-block;
       }
       .ua-chrome .cms-box-styling .mn-scroll-item {
       float: left;
       }
   
       @media (min-width: 768px) {
       .cms-box-styling .mn-scroll-container {
       height: auto;
       }
       }
       .cms-box-styling .mn-scroll-teaser {
       display:none;
       }
       .cms-box-styling .mn-scroll-name {
       font-size: 150%;
       padding-top: 20px;
       }
       .cms-box-styling .mn-scroll-item.mn-has-enddate .mn-scroll-name {
       padding-left: 0;
       }
       .cms-box-styling .mn-scroll-name, .cms-box-styling .mn-scroll-location {
       display: block;
       padding: 10px 0;
       position: relative;
       text-align: center;
       }
       .cms-box-styling .mn-scroll-location:before {
       content: "f041";
       position: relative;
       top: 1px;
       display: inline-block;
       font-family: 'FontAwesome';
       font-style: normal;
       font-weight: 400;
       line-height: 1;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
       padding-right: 3px;
       }
       .cms-box-styling .mn-scroll-link {
       color: inherit;
       text-decoration: none;
       }
       .cms-box-styling .mn-scroll-link:hover {
       text-decoration: underline;
       }
       .cms-box-styling .mn-scroll-date {
       font-size: 110%;
       font-weight: 700;
       left: 0;
       position: absolute;
       text-align: left;
       top: 0;
       width: 45%;
       display: block;
       height: 50px;
       color: #ffffff;
       /*width: 80px;*/
       background-color: #8e0107;
       padding-top: 10px;
       padding-left: 0px;
       }
       .cms-box-styling .mn-scroll-item:hover {
       opacity: 0.8;
       }
       .cms-box-styling .mn-is-long-date .mn-scroll-date {
       width:auto;
       min-width:80px;
       height:auto;
       min-height:50px;
       padding:5px 10px 5px 20px;
       display:flex;
       flex-direction:column;
       justify-content: center;
       }
       .cms-box-styling .mn-scroll-item:nth-child(odd) {
       /*background-color: #013957;*/
       }
   
       @media (max-width: 992px) {
       .cms-box-styling .mn-scroll-slider {
       column-count:3;
       -moz-column-count: 3;
       -webkit-column-count: 3;
       }
       }
       @media (max-width: 645px) {
       .cms-box-styling .mn-scroll-slider {
       column-count:1;
       -moz-column-count: 1;
       -webkit-column-count: 1;
       }
       }
   
       .mn-scroll-slider .mn-scroll-item {
           background-image: -webkit-gradient(linear,lefttop,leftbottom,from(#66bd4a),to(#48A00D));
           background-image: -webkit-linear-gradient(top,#000000,##BEBEBE);
           background-image: -moz-linear-gradient(top,#000000,##BEBEBE);
           background-image: -ms-linear-gradient(top,#000000,##BEBEBE);
           background-image: -o-linear-gradient(top,#000000,##BEBEBE);
         background-image: linear-gradient(top,#000000,##BEBEBE);}
         a.mn-scroll-name.mn-scroll-link {word-wrap: break-word !important;}
       </style>
       ```
   
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fformatting-missing-3%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Plugin Author [vaakash](https://wordpress.org/support/users/vaakash/)
 * (@vaakash)
 * [2 years, 5 months ago](https://wordpress.org/support/topic/formatting-missing-3/#post-17261220)
 * Hi [@evielutions](https://wordpress.org/support/users/evielutions/),
 * I looked at your website and I can see the shortcode output in the source as 
   you have provided.
 * Since shortcoder does not change the user’s content whatever the content is it
   should work as is.
 * It should be that the code is missing something or need some site specific CSS
   tweaking.
 * If there anything you need to point me in specific, feel free to let me know.
 * Thanks,
 * Aakash

Viewing 1 replies (of 1 total)

The topic ‘formatting missing’ is closed to new replies.

 * ![](https://ps.w.org/shortcoder/assets/icon.svg?rev=2222236)
 * [Shortcoder — Create Shortcodes for Anything](https://wordpress.org/plugins/shortcoder/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/shortcoder/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/shortcoder/)
 * [Active Topics](https://wordpress.org/support/plugin/shortcoder/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/shortcoder/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/shortcoder/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [vaakash](https://wordpress.org/support/users/vaakash/)
 * Last activity: [2 years, 5 months ago](https://wordpress.org/support/topic/formatting-missing-3/#post-17261220)
 * Status: not resolved