Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
truefocusfilms

Bedford template - removing white space at top of blog post; adding logo to title of each blog post

Question

Hello SquareSpace community!

This is my first question/post in the Ask SquareSpace site, and I've already gone through existing questions/answers to see if I can find something similar.

I'm using the Bedford template for my site (www.truefocusfilms.com) and I'm trying to make updates to my blog page (www.truefocusfilms.com/blog). Here are the things I'd like to update:

WHITE SPACE AT START OF EACH POSTIs it possible to remove the white space at the top of each blog post? I have a horizontal line separating each post, and it currently looks like this:

horizontal line,space,space,space,date of post,title of post

ADD A LOGO AT THE START OF EACH POST TITLEIn my old blog site (running on blogspot.com), I had my company logo appear at the start of each blog post title. Here's an example:http://truefocusfilms.blogspot.com/2019/01/online-film-streaming-is-now-here.html(my logo is the blue swirly circular camera aperture)Is it possible to do something similar in SquareSpace?

Thanks in advance!Richard

Edited by truefocusfilms
Initial Revision

Share this post


Link to post

10 answers to this question

Recommended Posts

  • 0

I'm using the same template. I've compiled CSS from what I read and these are the current three sets I've added to my page (the "/* xxxx */ is comment not code)

/* Code reduces regular line height on text */p { line-height: normal;}

/* Code thins HR padding */ hr { margin: 0px !important; }

/* Code reduces padding of content below header banner */

page {


    padding:30px
 }



I am a dental professional creating a hobby website/blog to share my love of the circular sock knitting machine.

Share this post


Link to post
  • 0

@karenramel Add to Home > Design > Custom CSS


/* White space at start of each post on Blog LIST Page */
.view-list .entry+.entry {
   margin-top: 10px;
}
/* Add logo to SINGLE POST PAGE */
.view-item.collection-type-blog h1.entry-title:before {
   content: "";
   background-image: url(http://i1280.photobucket.com/albums/a484/truefocusfilms/2014%20TFF%20Logo/TFFLogo2014-Favicon40x40_zpsb7c58de9.jpg);
   display: inline-block;
   height: 45px;
   width: 45px;
   background-repeat: no-repeat;
   background-position: center center;
}




You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

Thanks for your help on this! The following code worked GREAT! .view-list .entry+.entry { margin-top: 10px;

Going back to the other suggestion you made (about the logo at the start of each blog post), did you mean this should also be added to the Custom CSS page? I tried it, and I don't see a logo appear at the start of each blog post.

Thanks!Rich

Share this post


Link to post
  • 0

@truefocusfilms Please add, if it does not appear, let me know, I will check to see if CSS is a problem


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

Hello @tuanphan. Thanks! I added the following to the the custom CSS, and still no logo:

.view-item.collection-type-blog h1.entry-title:before { content: ""; background-image: url(http://i1280.photobucket.com/albums/a484/truefocusfilms/2014%20TFF%20Logo/TFFLogo2014-Favicon40x40_zpsb7c58de9.jpg); display: inline-block; height: 45px; width: 45px; background-repeat: no-repeat; background-position: center center; }

.sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { display: block; } .view-list .entry+.entry { margin-top: 30px;}

Share this post


Link to post
  • 0

@truefocusfilms CSS worked....alt text

abc123.png.bdead4d2f233759825c28de0415e59e1.png


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

Hello @tuanphan. Thanks for the feedback and screenshot. I tried loading my blog site (truefocusfilms.com/blog) on three different devices (laptop, desktop, mobile -- with a bunch of different browsers), and I still cannot get the image to appear as you indicate in your screenshot.

I'm trying to understand how you're seeing the logo, but I cannot see it at all!

Thanks in advance!Rich

Share this post


Link to post
  • 0

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...