Editing the Karuna theme

theeditevents · Member · Dec 15, 2016 at 11:48 pm
Copy link

Add topic to favorites
Hi there,

I have just launched a website but have a few things I am trying to sort still and apparently I can do this on the CSS however I am very new to CSS and am trying to figure out a few things, not sure if anyone can help.

I am trying to centre my logo and then have the main menu centered underneath this.

I want to edit the ‘recent posts’ title text on my homepage but can’t find where to do this

I want to include thumbnail preview images from my blog posts on my homepage but can only figure out how to have the blog text.

I want to change the blog post font

I want to add copy in my blog page as an intro but can’t figure out how to do this just on this page, centered under the header image.

Anyone that can help, I would be so appreciative!

Thank you
Sarah

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Dec 16, 2016 at 6:16 am
Copy link
Hi there,

I am trying to centre my logo and then have the main menu centered underneath this.

Add the following to your custom CSS.
```
.site-branding-wrapper {
	display: block;
}
.site-branding {
	text-align: center;
	width: 100%;
	min-width: auto;
	display: block;
}
.main-navigation {
	width: 100%;
	display: block;
	text-align: center;
}
```
I want to edit the ‘recent posts’ title text on my homepage but can’t find where to do this

That text is set within the theme files, so we can’t really edit it. Our only option is to make it invisible and then use an “after” pseudo selector and a content declaration to add the new text. This would be the CSS and you can edit the text between the quote marks in the content declaration.
```
.site-branding-wrapper {
	display: block;
}
.recent-posts .recent-posts-title {
	visibility: hidden;
}
.recent-posts .recent-posts-title:after {
	content: "All the News that is the News";
	visibility: visible;
	display: block;
	margin-top: -20px;
}
```
I want to include thumbnail preview images from my blog posts on my homepage but can only figure out how to have the blog text.

Karuna is not designed to show the featured images on the front page, and we cannot add functionality with CSS. It is a styling document used by browsers to position and style the elements of a webpage.

I want to change the blog post font.

I’m assuming you wish to change the font size. Let me know if you wish to change something other than size. To change the size, add the following and adjust the 12.6px value.
```
.recent-posts-wrapper .entry-summary {
	font-size: 12.6;
}
```
I want to add copy in my blog page as an intro but can’t figure out how to do this just on this page, centered under the header image.

It looks like you accomplished this by adding content to your home page. If I’m mistaken, please let me know.
theeditevents · Member · Dec 16, 2016 at 12:33 pm
Copy link
Hi the SacredPath thank you SO much for your help this is great.

With the centering I was hoping to have my logo centered and then the menu underneath this, do you know how to do that?

Adding the blog title is great and this has worked. When you click the blog page on the menu I was hoping to have intro text here under the wide image before the blog posts but not sure if that is possible?

Thanks
Sarah
thesacredpath · Member · Dec 19, 2016 at 4:18 pm
Copy link
Hi Sarah,

With the centering I was hoping to have my logo centered and then the menu underneath this, do you know how to do that?

The first block of code I gave in my previous replay centers the logo and puts the navigation below it. Add that to your custom CSS.

When you click the blog page on the menu I was hoping to have intro text here under the wide image before the blog posts but not sure if that is possible?

That is going to depend on how much text you wish to add. We can add text with CSS before the posts, but it is meant for only a small bit of text, not a lot.

No items found.