betweenthesheetsnj Posted March 27, 2020 Share Posted March 27, 2020 Hello, I'm looking for help with getting a border on the bottom of my banner pictures on every page. I have a used the border for the bottom of the header to butt up against the images, but want to match it on the bottom side. I was using Quote border-bottom: 3px solid #55757d;} in the custom css but can't seem to find how to add that to apply to the banners. Thanks for any assistance! Link to comment
derricksrandomviews Posted March 27, 2020 Share Posted March 27, 2020 } .sqs-banner{ border-bottom:solid 5px rgba(255, 197, 71, .4); } If the above code is correct it will put a gold border at the bottom of your banner site wide. Worth a shot, color and size can be changed. Link to comment
betweenthesheetsnj Posted March 27, 2020 Author Share Posted March 27, 2020 Thanks for the quick reply but that doesn't seem to be doing anything on my end. Link to comment
derricksrandomviews Posted March 27, 2020 Share Posted March 27, 2020 I found this earlier thread for bedford banner borders: Link to comment
betweenthesheetsnj Posted March 27, 2020 Author Share Posted March 27, 2020 Yeah I had found that earlier as well. Whenever I use it I get a bar across the top above my logo and nav bar with the text written above it. Not sure where/why it's going there. If I insert it into the footer just for fun it goes all the way to the bottom of the page doing the same thing. Link to comment
derricksrandomviews Posted March 27, 2020 Share Posted March 27, 2020 I assume you used header code injection. It isn't correct and when you put it up its just becoming part of the background header or footer. Link to comment
derricksrandomviews Posted March 27, 2020 Share Posted March 27, 2020 </style> this needs to be at the beginning and end of any header code injection that I have used. something like this, </style> .Index-gallery { border-bottom: 3px solid #ffc124; } </style> only one way to find out. Link to comment
betweenthesheetsnj Posted March 27, 2020 Author Share Posted March 27, 2020 That thread wanted me to put .Index-gallery { border-bottom: 3px solid #ffc124; } Into the header portion of code injection. The code you had given earlier looked like I should have inserted it directly into the custom css portion so I did that for yours. Link to comment
betweenthesheetsnj Posted March 27, 2020 Author Share Posted March 27, 2020 ah, when I use the style code there is no more line at the top but it still doesn't add any lines anywhere. Link to comment
derricksrandomviews Posted March 27, 2020 Share Posted March 27, 2020 Oh, well this one is a stumper. Maybe the target is off, target the border around the header "images" forget that it is a banner. Might have better luck. https://www.w3schools.com/cssref/css3_pr_border-image.asp This worked for all my galleries. If this worked it would put a sold gold banner around the images. In custom CSS it would do it site wide (no style command of course) Could just be shooting in the dark maybe. Some templates just don't accept code changes fo certain parts of the site. . </style> } .sqs-gallery-design-stacked-slide{ border:solid 5px rgba(255, 197, 71, .4); } </style> Link to comment
betweenthesheetsnj Posted March 27, 2020 Author Share Posted March 27, 2020 Unfortunately none of that seems to be working for mine. Thanks for putting in some work trying to help me out though! Link to comment
tuanphan Posted March 28, 2020 Share Posted March 28, 2020 If you share link to your site, I can take a look 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.