• Resolved Shay

    (@shaybae)


    Hello,

    I love the plugin. However, I have 1 small issue. I am using the table display for the tracking information and the track button. When I access the tracking page on my mobile phone and tablet, there is a colon before the “Track” button. However, it is not like that on the desktop version of the website. How can I get rid of the colon? Thanks in advance.

    See image here: https://ibb.co/Ryhnmwy

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter Shay

    (@shaybae)

    Here is an actual view from my mobile device: https://ibb.co/xDJLf38

    Plugin Author Zorem

    (@zorem)

    Hi, there is a CSS coming from your theme, it looks like the table format is different then the one that the plugin creates.
    Check the display of the tracking info on emails in the tracking display customizer.

    @zorem Perhaps table formart is different from my theme. I’ve checked tracking display customizer as you’ve guided me and I couldn’t find a way to make any alteration on the button label.
    How could I make this chenge in this situation?

    Thread Starter Shay

    (@shaybae)

    @zorem Unfortunately, I cannot switch to mobile and tablet view on the tracking display customizer in the plugin. However, I did look at the source code and there seems to be an extra semicolon (;) in the code, could that be what’s making it appear? here is the code I found for the section that is showing the colon:

    <td class="order-actions" style="text-align: left; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; font-size:12px;font-weight:400; color: #212121 ; border: 1px solid #dddddd; padding: 12px;line-height: 20px;;text-align:center;">

    There is an extra semicolon behind line-height: 20px;;

    • This reply was modified 5 years, 3 months ago by Shay. Reason: topic not resolved
    • This reply was modified 5 years, 3 months ago by Shay. Reason: marked as unresolved
    Plugin Author Zorem

    (@zorem)

    the customizer is for the emails and there is an option at the bottom of the options panel to preview in mobile and desktop, the table headers text can be also edited from the customizer. the tracking display should be the same in my-account, if not it means the issue is with your theme CSS.
    Thanks.

    @zorem Thank you

    Thread Starter Shay

    (@shaybae)

    Thank you for your response. The mobile version in the customizer does not populate correctly for me for some reason. I did look further in the code and found where it’s coming from.

    td.order-actions::before {
    content:attr(data-title) ":";}

    Is there a way to eliminate this in the area that displays the “Track” button when you have the heading disabled? I cannot find this coded in my theme CSS, seems to be coded in the plugin.

    It shows up like this:

    <td class="order-actions" style="text-align: left; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; font-size:12px;font-weight:400; color: #212121 ; border: 1px solid #dddddd; padding: 12px;line-height: 21px;text-align:center;">
    
    ::before ==0$		
    												<a href="https://tools.usps.com/go/TrackConfirmAction_input?qtc_tLabels1=9999999999" target="_blank" class="button" style="color: #ffffff ;background:#de678c;padding: 10px;">Track</a>
    
    												</td>

    Thanks for your assistance.

    Plugin Author Zorem

    (@zorem)

    Hi @shaybae

    You need to add a custom CSS to remove the character before the track button for mobile and tablet. We are not added this CSS in our plugin. Maybe it’s coming from your theme or some other plugin.

    Thanks,

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

The topic ‘Character before Track Button’ is closed to new replies.