Please check below screenshot for the styling issue. How can I fix this?
This reply has been marked as private.
This reply has been marked as private.
Nop, that is not the issue.
And I am not asking about the arrow. I am asking about the message styling which says
NEXT UNIT WILL BE AVAILABLE IN 29 MINUTES, 44 SECONDS
</div>
</div>
</div>
<section id="content" style="box-sizing: border-box; padding-bottom: 30px; position: relative; z-index: 0; color: #313b3d; font-family: 'Open Sans'; font-size: 15px;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Please tell me that what is the issue, do you want to remove this message or do you want to change the position of message. Also share your admin credentials and unit url with us to replicate this issue at your end.
PS: Mark reply as private while sharing the credentials.
https://www.awesomescreenshot.com/image/3620453/d384e5d747cea4acb253a6d544720d19
Sharing admin credentials is not possible as it on local development. & I think this is a CSS fix
Please add this css code in your custom css to change the position of text. You can change the left margin in this css according to your requirement.
.page-template .container.top30 .col-md-9{margin-left:340px!important}
Sorry but your code did not help. This code got me somehwere near to what I expected
.message p {text-align:center}
.pusher .container.top30 .row .col-md-9 {width:100%}
.pusher .container.top30 .row {margin:auto;width:72%}
@arihant2301
You can't use this class directly .pusher or .container
This is a very general class and if you add any custom css on this class it will be reflected on each page wherever we used these classes. So it will be better if we use page-specific classes.
Please do share your site URL with admin credentials in a private reply here. I will fix this on your site
We are not yet live. Can you recommend better classes. We want to apply this css only on the courses pursue pages (i.e. when the user is actually viewing the course)
@arihant2301
Paste this custom css instead of above one(wp-admin > Appearance > Customize > Custom CSS)
.page-template-start .message {float:right !important;}