ErnestClose

I thought it would move the image as well. Let’s try this:

#footer .copyright, #footer .copyright img {
    text-align: center;
}

sorry I can’t test this with code inspector so it’s a lot of guessing.

This is a neat plugin for adding css to your website and you can update your theme and still keep your styles.
https://www.ads-software.com/plugins/simple-custom-css/

.col7 is just the width, which in this case is 558px wide. set text-align on .copyright like this:

#footer .copyright {
    text-align: center;
}

however with a width of 558px wide you will not get it centered unless you try:

#footer .col7 {
    width: 100%;
}

but you only want that one column to be 100% and not all the .col7’s

Try it and let me know.

Like I said, if all you have is just the styles in your child theme then use a custom css plugin. Add those styles from the child theme to the custom css plugin and activate the parent theme. That way you keep all your styles and the theme works as intended.

No still does not show. You have to set it on .entry-title like this.

.page .entry-title {
    display: block;
}
.featured-content a {
   color: #000;
}

the .entry-header as you have it above is correct, just add this as well.

Brilliant! Sorry I forgot about centering the text. I see you have it on .col7 which only has a width of 558px wide. To center it you should have it full width which will probable be col12 and then you can add text-align:center; otherwise you will never get it quite centered. Does the theme use bootstrap and does it give you the option of setting the columns?
As for responsiveness, I really couldn’t tell without looking at the site. It could be on the media queries or the child theme. If all you have in the child theme is a couple of css styles, you could try adding a css plugin for those changes and activate it with the main theme, disabling the child theme and see if it works then.

Sorry my mistake, I should have told you I made the text Black as well. The text is white at the moment so does not show on the white background.
On .entry-title I still see display:none; After changing that you should be able to see it.
Let me know how it works.

Yes, now that I can see the code I notice you only have .copyright and the span element to work with. span::before could work for the content, but I don’t know if you’ll be able to hide it then.
To get the text centered vertically you can try setting a line-height to the same height as the logo icon and then add vertical-align: middle; to it. Also add display: inline-block; That should do the trick.
You could try https://www.w3schools.com/ they have nice examples that you can run and modify to see different outcomes.

Glad I can help.
Usually that will go at the bottom of the page in the footer area. Sorry, I can’t tell from the screenshot where it is, but having it above the disclaimer isn’t wrong and it looks good.
Where does it get the “How to trade Forex markets” from?
Does it take it from the site title?
You could hide that with css and then add content with css to display something else. I can’t see the code to give you the exact example, but it will look something like this:

.copyright.site-title {
    display: none;
}
.copyright::after {
    content:"Full Time Forex";
}

hope this helps.

Hi James, The .entry-title is also set to display: none;, but even after removing that the title still does not display, because you are using more than your set height. On “.featured-content .entry-header” you have overflow: hidden; which is correct, but that is what hides the titles. You will have to increase the height or make the fonts and space between the categories and titles smaller or both.

Let me know how this works for you.

Oh that looks great!
For the text widget you can do the same in your stylesheet, by adding the code below the other code. If the disclaimer is the only place where you are using the text widget then you could do something like this:

.textwidget {
    font-family: 'your font';
    color: #444444;
    font-size: 90%;
}

Otherwise be more specific like this:

#text-4 .textwidget {
     font-family: 'your font';
     color: #444444;
     font-size: 90%;
}

Let me know how this works out.

Hi James, when I opened the page the title did not show, but when I refreshed the page they showed. Did you manage to get it working? You do mean the titles on the individual blog posts?

Check that your @import statement is at the top of the css page and add !important to the font-family like this:

#site-title {
font-family: 'Calligraffitti' !important;
color: #444444;
font-size: 25px;
line-height: 2px;
text-transform: uppercase;
}

check #mainmenu to see if it has padding or margin on top.

Nice! Either the #header or the #mainmenu will have padding or margins set to it. Send me the css for them and I’ll see what can be done.

Try replacing all the code above with this:

#site-logo {
    display: block;
    float: none;
}
#site-logo a img {
    float: none;
}
#site-details {
    display: block;
    float: none;
}

and send me the css for #header and .layout-978, maybe there is something.

Well at least it’s moving. Let’s try adding this below the code above in your css:

#site-details {
    float: none;
}

We’ll get there eventually.