Navigation
Archive / Line Shortcode Customization
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 23, 2016 at 10:13 pm #1144142
    ANBIZWebAdmin
    Participant

    Hi,

    How do I customize the Line shortcode to look exactly like in the attachment provided?

    Thanks.

    August 24, 2016 at 6:57 am #1144550
    Paul R
    Moderator

    Hi,

    Thanks for writing in!

    You can add a class to your line shortcode

    
[line class="my-line"]

    Then add this in Custom > Edit Global CSS in the customizer

    
hr.x-hr.my-line:after {
    content: "";
    width: 80px;
    border: 5px solid red;
    float: right;
}

    You may change 80px and 5px to adjust thickness and width.

    Hope that helps.

    August 24, 2016 at 11:20 pm #1146039
    ANBIZWebAdmin
    Participant

    Exactly what I needed. Thanks!

    August 25, 2016 at 1:12 am #1146151
    Rupok
    Member

    You are welcome!

    Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

    Thanks for using X.

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1144142 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>