Question

How can I add the same blue line above my RSS link, below it with the same spacing? Im trying to space it out with the facebook badge. http://jeffreydowellphotography.com/blog/

UPDATE:

Here is my html code. Can it be added in here somewhere?

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Blog-JeffreyDowellPhotography', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Subscribe via Email:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="Blog-JeffreyDowellPhotography" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" style=" margin-bottom: 40px;"/></form>




<p><a Style="marging-left: 7;" href="feeds.feedburner.com/Blog-JeffreyDowellPhotography"; rel="alternate" type="application/rss+xml"><img src="//feedburner.google.com/fb/images/pub/feed-icon16x16.png" alt="" style="border-bottom: 2px solid #E2E7F5;vertical-align:middle;border:0margin-top: 0;"/></a>&nbsp;<a href="feeds.feedburner.com/Blog-JeffreyDowellPhotography"; rel="alternate" type="application/rss+xml">Subscribe via RSS</a></p>




<!-- Facebook Badge START --> <a Style="margin-top: 40px; margin-bottom:20px; padding-top:20px; padding-bottom:20px; border-bottom: 2px solid #E2E7F5; href="https://www.facebook.com/JeffreyDowellPhotography" target="_TOP" title="Jeffrey Dowell Photography"> <img src="https://badge.facebook.com/badge/696174530397916.3512.386387771.png" style="border: 0px;" /> </a> <!-- Facebook Badge END -->
Was it helpful?

Solution

This should do it:

.sqs-block-content p {
    border-bottom: 2px solid #E2E7F5;
}

This will add the same style border to the bottom of the <p> element.

UPDATE

Add an id to the <p> tag and then apply similar CSS to it. Like so:

#your_id {
    border-bottom: 2px solid #E2E7F5;
}

OTHER TIPS

Try adding the following styles to your p element that contains the RSS.

CSS

margin-top: 0;
margin-bottom:20px;
padding-top:20px;
padding-bottom:20px;
border-bottom: 2px solid #E2E7F5;

enter image description here

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top