[buddypress-trac] [BuddyPress Trac] #8948: The Buddypress logo has a bottom border, making it look somewhat strange.

[buddypress-trac]

#8948: The Buddypress logo has a bottom border, making it look somewhat strange.
----------------------------------+-----------------------------------
 Reporter:  dhrumilk              |       Owner:  johnjamesjacoby
     Type:  defect (bug)          |      Status:  new
 Priority:  high                  |   Milestone:  BuddyPress.org Sites
Component:  BuddyPress.org Sites  |     Version:
 Severity:  normal                |  Resolution:
 Keywords:  needs-patch           |
----------------------------------+-----------------------------------

Comment (by sparnorsiti):

 1. **Inspect the Logo Element**: Use the browser's developer tools to
 inspect the logo element. This will help you identify the specific CSS
 causing the bottom border. Look for properties like `border-bottom`,
 `outline`, or a pseudo-element (`::after` or `::before`) that could be
 adding the visual effect.

 2. **CSS Fix**: Once you identify the CSS rule causing the bottom border,
 you can override it by adding custom CSS. If you're able to directly edit
 the site's CSS files or through a custom CSS section in the admin panel
 (if available), you can apply changes such as:

     ```css
     .logo-selector { /* replace .logo-selector with the actual class or ID
 of the logo */
         border-bottom: none; /* Removes any bottom border */
     }
     ```

     Alternatively, if it's a border meant for design purposes but appears
 odd, you might consider altering it to fit the design better:

     ```css
     .logo-selector { /* replace .logo-selector with the actual class or ID
 of the logo */
         border-bottom: 1px solid #CCCCCC; /* Change the color or width as
 needed */
     }
     ```

 3. **Use a Style Sheet if Applicable**: If you're working within a CMS or
 framework that allows adding custom stylesheets, add the new CSS rules to
 a stylesheet. This approach helps avoid issues with updates that might
 overwrite inline styles.

 4. **Test Changes**: After implementing the CSS changes, test the website
 across different browsers and devices to ensure that the removal or
 alteration of the bottom border looks correct and doesn't affect other
 elements negatively.

 5. **Document the Change**: If you're working in a team or environment
 where changes need to be tracked, document the modification for future
 reference. This is especially useful if the website undergoes periodic
 reviews or redesigns.

-- 
Ticket URL: <https://buddypress.trac.wordpress.org/ticket/8948#comment:2>
BuddyPress Trac <http://buddypress.org/>
BuddyPress Trac