Bloggy theme – make logo bigger

lookingupphoto · Member · Oct 24, 2017 at 5:22 pm
Copy link

Add topic to favorites
Hello

My blog is made using Bloggy, and the CSS has been customized.

Is there a way to make my logo appear larger?

Also there’s a large space at the top of every blog post. Is there a way to get rid of that space?

The blog I need help with is lookingupphotography.com.

Many thanks!
Karen

The blog I need help with is: (visible only to logged in users)
hbattick · Member · Oct 24, 2017 at 7:49 pm
Copy link
Hey Karen!

I saw a couple previous posts where you asked similar questions about increasing the size of your logo:
https://en.forums.wordpress.com/topic/bloggy-theme-make-logo-larger?replies=4#post-2397421

https://en.forums.wordpress.com/topic/bloggy-logo-larger?replies=5#post-2400343

Using that same logic and applying similar CSS in the Customizer, I think you can accomplish your goal to make this logo larger as well. :-)
```
#toppart {
    background: transparent url("https://lookingupphoto.files.wordpress.com/2017/10/lup-logo-2016-new-blog.png") no-repeat scroll left top / contain ;
}
.site-logo {
    visibility: hidden;
}
.site-logo-link {
    display: block;
    line-height: 97px;
    width: 270px;
}
```
To help with the distortion/quality, if you have access, I suggest changing the size of the logo image with Photoshop first and then re-uploaded to your media.

Concerning your second question about the additional spacing at the top of each of your blog posts –
You could reduce the space between the heading and content of your posts/pages with the following custom CSS:
```
.single .entry-header, .page-header {
    margin-bottom: 1em;
}
```
Increase/decrease the value of margin-bottom from 1em to increase/decrease the space. Please note that increments/decrements of 0.1 are enough to have an impact e.g. 1.1em, 1.2em, etc.

Hope that information help! Let us know. :-)
lookingupphoto · Member · Oct 24, 2017 at 7:58 pm
Copy link
@hbattick

Many thanks!!!

The CSS for my logo worked perfectly, thank you!! :)

The CSS for decreasing spacing at the top of each post didn’t have any affect at all. Not sure why.

Karen
hbattick · Member · Oct 24, 2017 at 9:39 pm
Copy link
Hi Karen,

No problem! Happy that worked for the logo. :-)

In consulting with a couple other team members, we think this will resolve the issue of the spacing you are seeing at the top of your posts. Try adding this:
```
.content .post {
	margin: 0;
	overflow: hidden;
	clear: both;
}
```
Let us know if that works for you.
lookingupphoto · Member · Oct 25, 2017 at 1:18 am
Copy link
That didn’t work either. :(

But perhaps the issue is, there is code we added to hide a clip art image of a camera. The empty space above each post is where that clip art image would be.

This is the code:

.bloggy.bloggy-image {
display: none;
}

.format-image span.date {
display: none;
}

Let me know if that’s the issue…

Many thanks again for your help!!

Karen
hbattick · Member · Oct 25, 2017 at 3:07 pm
Copy link
Interesting… It worked when I tried on my test site and when modifying it using the Inspect option in Google Chrome. Here is a quick snippet to show what I did and how the spacing changed.

Thank you for being so patient and trying these changes. :-)

Do you mind giving this a go?
```
.content .post {
    margin: 0 0 0px 0;
    overflow: hidden;
    clear: both;
}
```
There are a couple additional zeros there that were not in my first recommendation. This CSS coding may already be part of your site. If so, you would just need to edit it within the CSS Customizer to change the 80px to 0px as shown in the video snippet.

That’s about my limit on CSS knowledge currently.
I really hope that fixes the spacing for you!

Please let me know if that helps.
lookingupphoto · Member · Oct 25, 2017 at 4:22 pm
Copy link
Thanks so much again!

That didn’t work either.

But looking at your video helped!

The issue was with the div class=”container content”

The code for the used to be
.content {
padding-top: 60px;
}

so I changed it to be

.content {
padding-top: 0px;
}

and it worked!

Yay!!

Many many thanks again!
Karen
hbattick · Member · Oct 25, 2017 at 4:24 pm
Copy link
Hey Karen!

Yay!!!
So happy you were able to get that worked out, and the video was helpful :-)

Have a wonderful day!
-Heather

No items found.