A few things I’m stuck on…

HenshawAC
(@donaldsonac)

6 years, 2 months ago

Hello Everyone,

I am stuck on a few things and haven’t been able to Google the solutions so I kindly ask for any help on these few things relating to my page https://britishcounties.org/ on WordPress (Shoreditch):

1) The Menu Navigation Label text creates the menu title on each button/link across the top and the same text is in bold at the top of each new page, can I a) change font size or better still, get rid of the bold title at the top of each page, b) make the Menu title different to the bold text that appears at the top of each new page?

Ideally I would like the ‘About BCC’ page to not have About BCC in bold emblazoned on the front page, instead just the actual descriptive text shown under that.

2) I found CSS code to make posts full width, instead of the narrow column of text:

@media screen and (min-width: 1000px) {
.single .entry-content {
width: 1000px;
}
}

Is this code OK or would you suggest any tweaks to make it fit better?

It seems to work OK on all posts except the mail menu NEWS page which shows the preview of each post/article. How can I make that preview page ‘News’ full width like the others?

I would greatly appreciate any help or guidance.

Andrew D.

The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

sacredpath
(@sacredpath)

Automattic Happiness Engineer

6 years, 2 months ago
Hi there, on the menu item labels, they are already all bold, so what we would have to do would be to set the navigation back to normal and then set the current page item menu label to bold with the following.
```
	font-weight: normal;
}
.main-navigation .primary-menu .current_page_item > a, .main-navigation .primary-menu .current-menu-item > a, .main-navigation .primary-menu .current_page_ancestor > a {
	font-weight: 800 !important;
}
```
For the page titles, add the following to hide all page titles.
```
.page .entry-title {
	display: none;
}
```
On the widths, it is a bit more complicate since Shoreditch is a responsive designed theme that adjusts to whatever screen size it is viewed on. I would use this instead of what you have now and it will maintain the responsive nature of Shoreditch.
```
@media screen and (min-width: 896px) {
	#primary {
		width: 100%;
  }
}
```
Thread Starter HenshawAC
(@donaldsonac)

6 years, 2 months ago

@sacredheart Thank you so much, you’re awesome! This has fixed it and looks perfect now, it got rid of the page title and the News page excepts are full width thanks to your code.

If I may pick your brains on one last thing, is it possible to get ride of the Featured Image from posts and make the Posts titles smaller font?

As you see on
https://britishcounties.org/daily-mail-12-sept-2017/
https://britishcounties.org/letter-published-in-the-telegraph-10-september-2017/

it takes the image from inside the article and uses that as the Featured Image, which looks terrible, it’s too big and when enlarged like it is is blurry.

I tried a plugin to remove Featured Images but it didn’t work.

Can that be done with CSS code?

Thanks for your help, I really appreciate it.

Andrew.

sacredpath
(@sacredpath)

Automattic Happiness Engineer

6 years, 2 months ago

Hi, and great to hear.

If you have Jetpack installed, go to Appearance > Customize > Content Options and scroll down to the bottom and de-select “Automatically use first image in post”.

Thread Starter HenshawAC
(@donaldsonac)

6 years, 2 months ago

Aw that’s fixed it, thank you!

Is it possible to make the Posts titles smaller font?

Thanks for you help, it’s greatly appreciated.

Andrew.
sacredpath
(@sacredpath)

Automattic Happiness Engineer

6 years, 2 months ago
Andrew, glad that helped. For the post titles on single post pages, add the following and adjust as desired (it was originally 3.0625rem).
```
.single .entry-title {
	font-size: 2rem;
}
```
Thread Starter HenshawAC
(@donaldsonac)

6 years, 2 months ago

That worked a treat! I set it to 1.5rem and found by removing “.single” it applied it to the main News page too (the page showing just the excerpts):

https://britishcounties.org/news/

.entry-title {
font-size: 1.5rem;
}

Thanks again, you’ve helped me get this looking great, now I can focus on adding the content.

Kind regards,

Andrew.

sacredpath
(@sacredpath)

Automattic Happiness Engineer

6 years, 2 months ago

Cool, you mentioned posts, so I had applied it only to the posts, but removing .single will apply it to posts and pages.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘A few things I’m stuck on…’ is closed to new replies.