customize Gazette

Please can someone help me with these. I’m new with this theme and it looks really cool in demo, but I can not display as that. I have some questions and I would be sincerely thankful if someone answer them:
1. How to set same font for all web page, exo 2 or open sans? My functions.ppt looks like this https://wpcom-themes.svn.automattic.com/gazette/functions.php so how can I make everythink to same font, I changed in style.css everything in open-sans but nothing changes
2. How to hide header image in single post?
3. What is the original size of featured image in post because when I post it it is not full width, there are some black fields and in gallery post format it is very slow to show it, first te box is black then picture shows?
4. How to set these share buttons? https://imgur.com/a/unkl5
5. How to get closer these posts in home page? https://imgur.com/7o6fRgH
6. How to change color of title, in my theme editor I change it but nothing changes, also I tried with custom CSS but nothing ??

Please help me because I really like this theme and would like to my website looks just like that!

There are a lot of questions here. ?? It’s easier for folks to help if you limit a thread to one or two issues. It’s also much easier to help if you provide a link to your site – could you do that?

I’ll start answering your questions separately, not necessarily in order. Here we go:

2. How to hide header image in single post?

Give this custom CSS a try:

.single .post-thumbnail img {
     display: none;
}
.single .entry-header-wrapper {
     background-image: none;
     padding-bottom: 60px;
     padding-top: 60px;
     position: inherit;
}
.single .entry-hero .entry-title, .single .entry-meta .cat-links a {
     color: #000000;
     text-shadow: none;
}

In addition to hiding the featured image, we need to change the colour and change the position of the post title and category.

Don’t edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated.

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. You could also install a standalone custom CSS plugin if you prefer.

1. How to set same font for all web page, exo 2 or open sans? My functions.ppt looks like this https://wpcom-themes.svn.automattic.com/gazette/functions.php so how can I make everythink to same font, I changed in style.css everything in open-sans but nothing changes

Just a heads-up that you should not edit the original theme files. If you edit the theme files directly as you’ve done, your tweaks will be overwritten and lost every time you update the theme. Instead, use a custom CSS plugin as I’ve suggested above.

Using a new font in a theme takes two steps:

1 – You need to enqueue the font in the theme. Using a Google Fonts plugin for this is one route:
https://www.ads-software.com/plugins/search.php?q=google+fonts

2 – You need to target the HTML elements with CSS whose font you want to change, using the font name exactly as specified by Google Fonts.

Learning how to target your site’s CSS will help you make design and layout changes. If you’re new to that, here are some good resources:

https://dailypost.wordpress.com/2013/07/25/css-selectors/

https://dailypost.wordpress.com/2013/06/21/css-intro/

https://dailypost.wordpress.com/2013/08/29/css-matched-rule-pane/

https://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

https://thewc.co/articles/view/web-inspector-tutorial

https://cssworkshop.wordpress.com/

If you get stuck trying to target a specific element once you’ve enqueued your new font, let us know and we can help.

4. How to set these share buttons? https://imgur.com/a/unkl5

You can get those social sharing buttons by activating the Jetpack plugin’s Sharing module.

6. How to change color of title, in my theme editor I change it but nothing changes, also I tried with custom CSS but nothing

Could you clarify which title you’re trying to modify? This CSS would change the colour of the site title, if that’s what you’re looking to do:

.site-title a {
  color: #bb00bb;
}

Change the colour code to anything you like.

If you were referring to another element, let me know which.

3. What is the original size of featured image in post because when I post it it is not full width, there are some black fields and in gallery post format it is very slow to show it, first te box is black then picture shows?

Featured Images on single posts are 1920 wide by 768 high.

5. How to get closer these posts in home page? https://imgur.com/7o6fRgH

This CSS will reduce the columns between the posts on the blog and archive pages:

.archive .hentry, .blog .hentry, .search .hentry {
  margin-right: 0;
}
.archive .hentry:nth-of-type(2n+1), .blog .hentry:nth-of-type(2n+1), .search .hentry:nth-of-type(2n+1) {
  margin-left: 0;
}

Kathryn thank you alot with these answers, you are a very kind person, and again thank you very much. Still I have problems, this is my page https://smisomiso.com/ , this is the page I want mine looks like https://narancablog.com/ with these beautiful HD pictures *.* . While I was editing something happend with my search button in right corner. Still have problems with fonts, btw I have installed plugin Easy Google Fonts and in theme editor set everything to sans-serif and nothing ?? . Also I want to change that blue color that you can see on my page, title, meta etc. Thank you again!

I have HTML elements but still not showing right font: h2.widget-title, entry-summary, entry-title, time.entry-date-published, a.more-link, cat-links, author.vcard, tags-links, sd-title, comment-reply-title, entry-content, entry-header-inner, entry-meta, widget-title. I have installed WP Google Fonts and set Font 1 Exo 2 and assigned to all but it changed only main menu and footer menu :/ please help!

It looks like you’ve specified “Exo” instead of “Exo 2” in a couple of places. When I view the browser source I see this, for example:

body{ font-family:"Exo", arial, sans-serif;}
	h1{ font-family:"Exo", arial, sans-serif;}
	h2{ font-family:"Exo", arial, sans-serif;}
	h3{ font-family:"Exo", arial, sans-serif;}
	h4{ font-family:"Exo", arial, sans-serif;}
	h5{ font-family:"Exo", arial, sans-serif;}
	h6{ font-family:"Exo", arial, sans-serif;}
	blockquote{ font-family:"Exo", arial, sans-serif;}
	p{ font-family:"Exo", arial, sans-serif;}
	li{ font-family:"Exo", arial, sans-serif;}
	#container p { font-family: 'Exo'; }
	body{ font-family:"Exo", arial, sans-serif;}
	h1{ font-family:"Exo", arial, sans-serif;}
	h2{ font-family:"Exo", arial, sans-serif;}
	h3{ font-family:"Exo", arial, sans-serif;}
	h4{ font-family:"Exo", arial, sans-serif;}
	h5{ font-family:"Exo", arial, sans-serif;}
	h6{ font-family:"Exo", arial, sans-serif;}
	blockquote{ font-family:"Exo", arial, sans-serif;}
	p{ font-family:"Exo", arial, sans-serif;}
	li{ font-family:"Exo", arial, sans-serif;}

I’d suggest you go back to wherever you’ve defined your fonts and make sure you have “Exo 2” everywhere.

As well, this should take care of your post titles and excerpts:

.archive .hentry .entry-title, .blog .hentry .entry-title, .search .hentry .entry-title, .home .entry-summary p {
     font-family: "Exo 2",sans-serif;
}

If you need to target other HTML elements, I’d suggest using a browser inspector to find them. Here’s a good tutorial: https://thewc.co/articles/view/web-inspector-tutorial

• This reply was modified 8 years, 4 months ago by Kathryn Presner. Reason: fixed typo

I also noticed that you have custom CSS in at least three different places. I’d suggest you only use ONE custom CSS editor. When you have custom CSS in multiple places, any CSS targeting the same element further down in your HTML document overrides the CSS above it, making it confusing to troubleshoot when something isn’t working. I’d suggest you consolidate all your current custom CSS in ONE place. If you’re using the Jetpack custom CSS editor under Appearance > Edit CSS I’d recommend using that one.

Also I want to change that blue color that you can see on my page, title, meta etc.

Could you please start a new thread for this separate question, as this thread is already quite long. Thanks!

While I was editing something happend with my search button in right corner.

I can’t immediately see why your search icon is broken. Try consolidating your custom CSS as I suggested above first and the problem may become easier to spot.

Dear Kathryn, I’m very thankful for what you told me. I have corrected everything you wrote but still there is problem with single posts, some things have new font, but some are still the same. Is there any way to put these elements in this CSS you have posted for post titles and excerps. I have targeted elements that haven’t changed and I think that these are: entry-title, entry-meta, entry-date published, author vcard, sd-title, entry-content, widget-title, reply-title, p.logged-in-as, comment-form-comment, form-submit. I think that this is it. I must confess that on the beginning I have changed original CSS to Exo 2 and nothing. I would like to make everything have Exo 2. I have only used Jetpack custom CSS editor and that plugin WP Google Fonts.

Thanks alot!

Please can you heplp me with css and changing the font family for the rest of text on my page? I think that those are the elements that are left unchanged. https://smisomiso.com/

Anybody? Please ??