change colour of link in notification bar on mobile

  • Resolved pifvouchers

    (@pifvouchers)


    3 years, 8 months ago

    The notification bar about Thrive reads fine on a laptop, but on a mobile the Thrive link it too light and wording too big.

    How can I make the wording smaller on a mobile but keep it the same on a laptop.
    How can the text colour in the notification bar be changed on the mobile?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor HT Plugins

    (@htplugins)

    Hi Pifvouchers,

    Unfortunately, this plugin does not have the visual control to fulfill the requirements you have mentioned. But The requirements can be achieved by writing some custom CSS.

    Here is some CSS code for your site.
    Note: Please adjust the color & font size as your need.

    /*Small devices (normal/smart phone)*/
@media (max-width: 767px) {
	/* For text */
	.ht-notification-text span{
	    color: red !important;
	    font-size: 16px !important;
	}

	/* For link */
	.ht-notification-text span a{
		color: green !important;
		font-size: 16px !important;
	}
}

    You have to put the above code in your site’s additional CSS. To place the code into additional CSS from Appearance > Customize. Follow these screenshots for better understanding.
    Step1: https://postimg.cc/image/lc93c4a05/??
    Step2: https://postimg.cc/image/c5qsou4rp/?
    Step3: https://postimg.cc/image/6iufrd291/?

    Thanks!

    • This reply was modified 3 years, 8 months ago by HT Plugins.
    Plugin Contributor HT Plugins

    (@htplugins)

    Hi @pifvouchers

    Since we haven’t heard back from you. We are closing the ticket for now. If you have any further issues please feel free to let us know any time.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘change colour of link in notification bar on mobile’ is closed to new replies.