peterjb101

Use it on your contacts page, create a form that people can use to contact you on

https://www.ads-software.com/plugins/contact-form-7/

Looks good

use plugin Contact Form 7 for your contacts page

add

font-weight: bold

check out:

https://www.w3schools.com/css/css_font.asp

Haven’t done it, but here is a tutorial:

https://kinsta.com/blog/twenty-seventeen-theme

tagline:

p.site-description {
font-size: 3em;
}

I used a plugin, Ultimate Headers, works fine with twenty seventeen

body:not(.title-tagline-hidden) .site-branding-text {
border: 1px solid red;
border-radius: 10px;
padding: 5px;
background-color: rgba(201, 201, 201, 0.3);
}

this will creates a border around the title and tagline.

If you want just around the title, and to make font size larger:

h1.site-title{
border: 1px solid red;
border-radius: 10px;
padding: 5px;
background-color: rgba(201, 201, 201, 0.3);
font-size: 3em;
}

play around with the background color and transparency

I have gone down the route of using a plugin Unique Headers, then cropped my main image so that it’s main focal point stays in the centre.

Sorry, thought it was working but just checked in developer mode and your head is still missing.

• This reply was modified 8 years, 1 month ago by peterjb101.

Place in the Additional CSS and then change the width of your screen. I made the change in the inspect element on safari. It looked ok on a large screen. make sure you copy all the code including the dot at the start.

I have removed position, try this as looks ok on small screen:

.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
height: auto;
left: 0;
right: 0;
top: 0;
}

See how that works on smaller screen, then look to change/tweak fir larger screens

For point 1. i think you need to set you home page as the static page, log into your wordpress site, select Customize from the menu at the top, you should see a menu option for Static Front Page, in there you can select your Static Page, I would choose your Home page. Then you should get a full size header.

I think once the home page as been set to static page you will get the theme options tab

I can’t “help” you with the rest, would look at the support page for the plugin Advanced Twenty Seventeen.

good luck

try this:

.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
bottom: 70px;
height: auto;
left: 0;
position: fixed;
right: 0;
top: 0;
}

works on large screen, but then your head disappears on a smaller screen, so will need to add a media query for smaller screens

• This reply was modified 8 years, 1 month ago by peterjb101.

Thank you for your reply. I’ll go back and check again. If I am still struggling when i go live I will post again. Thanks again

Not at the moment. I am working on a localhost. Plan to get it hosted this week