Thank you sir for the info. I've already watched the video and it helps me. Sorry for the late response.
On Tue, 22 Oct 2024, 22:38 [email protected], < [email protected]> wrote: > 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 a topic in the > Google Groups "DSpace Community" group. > To unsubscribe from this topic, visit > https://groups.google.com/d/topic/dspace-community/7vUgetgiW4g/unsubscribe > . > To unsubscribe from this group and all its topics, 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 > <https://groups.google.com/d/msgid/dspace-community/ba499d96-0990-486e-8925-a6006877717en%40googlegroups.com?utm_medium=email&utm_source=footer> > . > -- 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 visit https://groups.google.com/d/msgid/dspace-community/CAEkJ9R_jmW6P3BoMoMY8M7A--4oSpr12iO5HHEzRm8N3BdJftQ%40mail.gmail.com.
