Hi. Maybe this video helps you https://youtu.be/i7ZhpB6NdEo?si=kJ29ffuiD_AkRnpz
gonzalo El jueves, 10 de octubre de 2024 a la(s) 11:27:13 p.m. UTC-3, Fatimah Ahmad Bahsir escribió: > Sorry, I forgot the link. Here it is: https://e-imtiyaz.usim.edu.my/home > > On Thursday 10 October 2024 at 18:03:01 UTC+8 Fatimah Ahmad Bahsir wrote: > >> Greetings, >> >> I have successfully changed the banner of my Dspace 7 at >> /opt/dspace-angular/src/themes/dspace/app/home-page/home-news.... and here >> is my .html code >> >> <div class="background-image-container" class="background-image" >> style="width: auto; height: 450px; background-image: >> url('assets/dspace/images/2.png'); background-repeat: no-repeat; >> background-size: 100% 100%;"> >> <div class="" style="padding-left: 60px;padding-right: 60px;"> >> <div class="jumbotron jumbotron-fluid"> >> <div class="d-flex flex-wrap"> >> . >> . >> . >> meanwhile my .scss file code per listed below: >> >> :host { >> display: block; >> margin-top: calc(var(--ds-content-spacing) * -1); >> >> div.background-image-container { >> color: white; >> position: relative; >> >> .background-image > img { >> background-color: var(--bs-info); >> position: absolute; >> z-index: -1; >> top: 0; >> left: 0; >> width: 100%; >> height: 100%; >> object-fit: cover; >> object-position: top; >> } >> >> .container { >> position: relative; >> text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6); >> >> &:before, &:after { >> content: ''; >> display: block; >> width: var(--ds-banner-background-gradient-width); >> height: 100%; >> top: 0; >> position: absolute; >> } >> >> &:before { >> background: linear-gradient(to left, >> var(--ds-banner-text-background), transparent); >> left: calc(-1 * var(--ds-banner-background-gradient-width)); >> . >> . >> . >> >> However, the banner looks very weird and does not fit according to >> different screen size. Is there any corrections that I can do? I attached >> the link to my Dspace 7 platform. I was told not to touch the .scss file. >> >> I really appreciate the help, and please, help me as well. >> >> Thank you so much. >> > -- All messages to this mailing list should adhere to the Code of Conduct: https://www.lyrasis.org/about/Pages/Code-of-Conduct.aspx --- You received this message because you are subscribed to the Google Groups "DSpace Community" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/dspace-community/ba499d96-0990-486e-8925-a6006877717en%40googlegroups.com.
