Sharad_anand Posted July 10, 2020 Share Posted July 10, 2020 Dear All I am not technical guy. however, i am learning new. I am trying to add a search bar at the header. for which i have to inject java code and css etc. the problem i face is when i try to update css. the existing css i have already there would no longer work. (FYI: i have already pasted a css for logo transparency) when i paste a new css code the logo transparency would stop to work. Please suggest what i am doing wrong and what is the correct way to do it. Link to comment
tuanphan Posted July 10, 2020 Share Posted July 10, 2020 Can you paste all CSS here? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Sharad_anand Posted July 10, 2020 Author Share Posted July 10, 2020 p { text-align: justify; } .header-search-bar{ margin: 0 0 0 2.5vw; @media(max-width:799px){ display:none; margin: 0 0 0 0vw; } } .mobile-header-search-bar{ display:block; padding-left:3vw; padding-right:3vw; .preFade, .preScale, .preSlide, .preClip{ opacity:1 !important; } } //White Logo on These Sections .white,.white-bold,.light,.light-bold,.dark,.dark-bold,.black,.black-bold,.bright,.bright-inverse { &.header-announcement-bar-wrapper .header-title-logo a { content: url('https://static1.squarespace.com/static/5f00086a2ddef016da02598f/t/5f01b50838bdf707c8cf97fb/1593947402048/sportsnu-logo-white.png'); } } **************** Here is the thing. The first one is to justify the text. i found this solution, but its not working. my text is still left aligned and i don't seems to find any solution. Please help here. The second one is to add the search bar header which i have not tried as it was impacting my primary css # 3 which is to show my logo transparent. There is one more feature i am desperately looking is to add product reviews and stars. please help Thank you. Link to comment
rwp Posted July 10, 2020 Share Posted July 10, 2020 I need a link to your page to really help, but here is the current code with syntax errors fixed: p { text-align: justify; } .header-search-bar { margin: 0 0 0 2.5vw; } @media screen and (max-width:799px) { .header-search-bar { display: none; margin: 0 0 0 0vw; } } .mobile-header-search-bar { display: block; padding-left: 3vw; padding-right: 3vw; .preFade, .preScale, .preSlide, .preClip { opacity: 1 !important; } } /* White Logo on These Sections */ .white, .white-bold, .light, .light-bold, .dark, .dark-bold, .black, .black-bold, .bright, .bright-inverse { &.header-announcement-bar-wrapper .header-title-logo a { content: url('https://static1.squarespace.com/static/5f00086a2ddef016da02598f/t/5f01b50838bdf707c8cf97fb/1593947402048/sportsnu-logo-white.png'); } } Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.