[coachnancyk]

Hi, I’ve been searching for the answer to this, but have not had success with any suggestions. I am using Catch Adapative on lovewithouttraffic.com. I changed my header image and would now prefer to move my title as it is going through the center of the photo. I’d also like to make it a little smaller. Please let me know how I can do this.

[Skandha]

@coachnancyk: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

/* To change the font size of site title */
.site-title {
    font-size:40px;
}

You can change the font size according to your requirement.

Let me know if this works out!
Kind Regards,
Skandha

[coachnancyk]

Thanks Skandha. It looks different when I’m on the CSS page, but not when I got to my homepage. I hit publish an extra time so not sure why it won’t register the change. Also, how do I change the location of the title? I’d still like it to be at the top or bottom of my image as opposed to directly in the middle, due to the pic. Thanks again!

[Skandha]

@coachnancyk: Did you publish the code after adding it in Additional CSS section??

To change the location of the title
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@media screen and (min-width:406px) {
	#site-header .site-title {
		position:relative;
		bottom:50px;	
	}	
}

Let me know if this works out!
Kind Regards,
Skandha

[coachnancyk]

I got this error message: Your curly brackets {} are imbalanced. Make sure there is a closing } for every opening {.

Also, do you know why the size code changed the size on the page I was doing the CSS on but not my homepage?

Thanks for your help!

[Skandha]

@coachnancyk: Are you still having this issue?

Kind Regards,
Skandha

[Author]

Posts