You can remove category-page titles – as seen in your screenshot – with this custom CSS:
.category .title-block h1 {
display: none;
}
Don’t edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated to the latest version.
An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.
As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.
Libretto is not designed to have a right sidebar, so to make that change and move the footer widget areas inside the new column would take some substantial theme modifications.
You’d need to start by creating a child theme, so your tweaks won’t be overwritten when updating the theme. Here are some guides in case you haven’t made one before:
http://codex.ww.wp.xz.cn/Child_Themes
http://op111.net/53/
http://vimeo.com/39023468
Then you’d need to edit a number of template files in your child theme and make corresponding CSS tweaks.
I’d say this is a good project for someone already comfortable with HTML, CSS, and WordPress file structure.
I hope this points you in the right direction!
Thanks a lot for the help Kathryn!
Will try to follow how to set up a child theme!
Hello Kathryn
I have some more questions unfortunately :/
The code
.category .title-block h1 {
display: none;
}
was working for the first page but when i click a link to a post the text appears again in the header image but with another colour.
Also I have a problem with the feature images. Also appears in the header if I click on it. It also has a thick border below when I hover the image in the post. Would be nice if I could change that to a 1px border on all sides
http://s1.postimg.org/zb4h1xfqn/Untitled_3.jpg
If you’d like to hide the post title everywhere, you could try this instead of what I gave earlier:
.title-block h1 {
display: none;
}
If you’d like it hidden only on category pages and single posts – but visible everywhere else, this is what you need:
.category .title-block h1, .single .title-block h1 {
display: none;
}
If you want them hidden in a different combination of places, let me know exactly where and I’ll be glad to help.
Also I have a problem with the feature images. Also appears in the header if I click on it. It also has a thick border below when I hover the image in the post. Would be nice if I could change that to a 1px border on all sides
http://s1.postimg.org/zb4h1xfqn/Untitled_3.jpg
Is your site online somewhere yet so I can take a look directly? This sort of thing is much easier to help with if I can examine your site with a browser inspector.
