Docs

[Rue Nel]

Hello There,

Thanks for the updates! To have a space below the shortcode in the last one on the page, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.blog .x-main .hentry:last-of-type  .my_shortcode, 
.search .x-main .hentry:last-of-type  .my_shortcode, 
.archive .x-main .hentry:last-of-type .my_shortcode {
    bottom: 30px;
}

Hope this helps. Please let us know how it goes.

[JfantasyBooks]

It looks great! Last thing. How do I make it so that these shortcodes fit properly on mobile? Do you have the css for that?

[Rue Nel]

Hello There,

Thanks for updating in! You can make use of this code:

.blog .x-main .hentry:last-of-type  .my_shortcode, 
.search .x-main .hentry:last-of-type  .my_shortcode, 
.archive .x-main .hentry:last-of-type .my_shortcode {
    bottom: 30px;
}

@media(max-width: 767px){
  .blog .x-main .hentry:last-of-type  .my_shortcode, 
  .search .x-main .hentry:last-of-type  .my_shortcode, 
  .archive .x-main .hentry:last-of-type .my_shortcode {
    bottom: 20px;
    position: relative;
    display: block;
    clear: both;
  }
}

Please let us know how it goes.

[Author]

Posts