paulwpxp

@sarah-y , Did you put in the slider id number? First we need to have the actual slider set by creating a slider uploading the images and stuff and then we get the slider id to use via shortcode, or output the shortcode in template.

To increase logo size; use this code in Custom CSS option if theme provided, or use a Custom CSS plugin. Change the value to suit your design.

@media screen and ( min-width: 45em ) {
        .site-logo {
                max-width: 480px;
        }
}

Theme disable the appearance of site title and site description without effecting SEO, (it uses CSS clip which is one of the standard method to hide text visually), so it’s not showing but it’s in the source code. Regarding the SEO, search engine in this time is very smart, I believe it knows what part is important even if it’s under CSS’s display-none.

So if I just updated to 1.26 from 1.23 are you saying I would just need to extract the changes from my style sheet and that’s it?

If changes made to the modified theme only done on theme stylesheet, and nothing else, then yes. Also in this case there is no need for child theme, we only need a Custom CSS plugin.

To do this we need to extract all the changes in edited stylesheet and re-declare it one by one in child theme stylesheet.

Not sure what you mean here – sorry! – if I follow the steps from this link will that work?

https://codex.wordpress.org/Child_Themes

That link doesn’t explain how to extract changes in CSS made directly to theme. It only explains how to make a blank(starter)child theme.

Suppose this is the whole (parent) theme stylesheet.

p {
	font-family: "Tahoma";
	font-size: 10px;
	line-height: 1.5;
	margin-bottom: 24px;
	color: #000;
}

and then we’ve made direct changes to it like so, notice in this case only the font-size value is changed.

p {
	font-family: "Tahoma";
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 24px;
	color: #000;
}

and now when we want to update the theme and separate (extract) the changes into child theme stylesheet (or use a Custom CSS plugin), then our code will be just this

p {
	font-size: 16px;
}

See it contains only changes we want to make, this code whether using a child theme or Custom CSS plugin will be injected into html head after the main theme stylesheet, and it will override the main theme CSS code (because it’s loaded after).

Could you share link to the real site? So people here can help inspect.

You are using a managed system at WordPress.COM, over here is a support for self hosted WordPress.ORG

See this page explaining the differences
https://en.support.wordpress.com/com-vs-org/

Support for WordPress.COM sites
https://en.support.wordpress.com/

can someone tell me if there is css that can make this happen

This code will fix it for the front home page

@media screen and (min-width: 1180px) {
	.home.page .content-wrapper.with-featured-image {
		margin:0 auto;
		padding: 3em 55px;
		max-width: 960px;
	}
}

Typically when child theme is in use it will load main stylesheet from parent theme before child theme stylesheet. So browser uses parent theme stylesheet as a base and read the changes in CSS from child theme stylesheet.

So the CSS in child theme only contains code that we want to override (re-declare the selector/property/value) browser will use the new value and ignore the one in the base (parent theme).

To do this we need to extract all the changes in edited stylesheet and re-declare it one by one in child theme stylesheet.

No changes made to functions.php file

What about theme template file? If they are also untouched, we might not need a child theme after all, since the only changes made is in stylesheet we can just extract the changes (in CSS) and use it in a Custom CSS plugin.

Using code from Mr Case , we can also adjust the size so it goes with theme’s responsive design.

.site-branding, .site-branding img {
	height: auto;
	max-width: 320px;
}

@media (min-width: 600px) {
	.site-branding, .site-branding img { max-width: 400px; }
}

@media (min-width: 1200px) {
	.site-branding, .site-branding img { max-width: 480px; }
}

is it possible to dump a CSS rule that week make the image align centrally when views on a mobile please?

Yes, it’s something like this

@media only screen and (max-width: 600px) {
	article img { display: block; margin: 0 auto; }
}

There is no way to know the right selector without inspecting the real site but suppose the theme is HTML5 the code above should work.