Home › Forums › Pro Themes › Education Hub Pro › notice box

Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 30, 2019 at 5:20 am #94203
    blue_pink
    Participant

    using Education Hub Pro, i tried to use the text-overflow: ellipsis property to specify the overflowed content in the notice box (please see the demo for the notice box at https://themepalace.com/downloads/education-hub-pro/) but it does not work. could you please help? would it be possible to make a notice scroll horizontally instead of vertically?

    #notice-ticker {
    text-overflow: ellipsis;
    }

    thx

    March 31, 2019 at 9:06 am #94247
    amourj
    Participant

    #notice-ticker {
    white-space:nowrap;
    text-overflow:ellipsis;
    }

    April 1, 2019 at 1:39 am #94273
    wensolutions
    Keymaster

    Hello @amourj

    Can you please provide us the screenshot of the section that you want customization in, so that we can inspect the reported issue further ?

    Hope to hear from you soon,

    Best Regards!!

    April 1, 2019 at 1:43 am #94274
    blue_pink
    Participant

    Can i send the screenshot by email? thanks.

    April 1, 2019 at 1:56 am #94275
    wensolutions
    Keymaster

    Hello @amourj,

    Yes, please send in the email given below:

    wensolution[at]gmail.com

    Thank you.

    April 3, 2019 at 4:48 am #94407
    blue_pink
    Participant

    I have sent the email with the screenshot to the email you provided. thanks for your help.

    April 3, 2019 at 5:14 am #94409
    wensolutions
    Keymaster

    Hello @amourj,

    To display the notice as you want, please add below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.

    #notice-ticker .notice-inner-wrap .list{
	width: 184px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    Hope this helps.

    Thank you.

    April 3, 2019 at 5:22 am #94410
    blue_pink
    Participant

    it works, thank you so much for your help. i was wondering if i change the width (width: 184px;), will i receive any unexpected result?

    April 3, 2019 at 6:11 am #94411
    wensolutions
    Keymaster

    Hello @amourj,

    We could not say anything as we have not checked it. Also, we suggest you to leave it as it is as any other modification may not result as you expected.

    Hope you understand.

    Regards!!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.