WXforum.net

Web Weather => Weather Website PHP/AJAX scripting => Custom Website Templates => Topic started by: txweather.org on April 09, 2019, 07:02:20 AM

Title: seperators in external links
Post by: txweather.org on April 09, 2019, 07:02:20 AM

Team,

I am trying to add separator on my external links of my side menubar.php

Like the attached image

How can I do that? :)

TIA!

Title: Re: seperators in external links
Post by: saratogaWX on April 09, 2019, 01:22:28 PM

On my site, it's done with CSS by adding to

.leftSideBar a {

border-bottom: 1px solid blue;

}

Title: Re: seperators in external links
Post by: txweather.org on April 09, 2019, 01:49:28 PM

Quote from: saratogaWX on April 09, 2019, 01:22:28 PM

On my site, it's done with CSS by adding to

.leftSideBar a {

border-bottom: 1px solid blue;

}

Thanks for your help @saratogaWX!

Does this look right?

.leftSideBar a {
display: block;
color: #336699;
background-color: transparent;
width: 89px;
padding: .05em;
text-decoration: none;
border-bottom: 1px solid black;
}

Title: Re: seperators in external links
Post by: saratogaWX on April 09, 2019, 01:52:46 PM

Yes..  You can 'play' with the CSS by using the developer tools in your browser.  They will allow you to dynamically change the CSS, and when it looks the way you want it to, you can apply the same changes to your .css file to make it permanent.

Title: Re: seperators in external links
Post by: txweather.org on April 09, 2019, 01:59:03 PM

Thanks!