Giulio Daprela

Hi simony138,
can you please give a url of your website so that I give a look at it?

Hi khartist,
generally speaking, no matter what theme you are using the best way to add custom CSS code is through the style.css file which can be reached by going to appearance>editor.

It’s a good practice before doing that to create a child theme, or you would lose all your customizations at the next theme update.

Create a child theme by using this plugin https://www.ads-software.com/plugins/orbisius-child-theme-creator/ which greately simplifies and speed up the whole process, and then activate the child theme, and make any customization there.

Ok, in the dashboard go to appearance>editor
The editor will most probably already be opened on the file style.css. If that’s not the case, make sure that you are editing that file.

Inside the editor window, add this code at the end.

.author-bio {
  display: none;
}

Click save, and reload your test post to verify that author and date are in fact disappeared as you want. If it works, you can delete the test post, if it doesn’t, come back here and let me know, and I’ll find the way to make it work ??

Cheers
Giulio

@lauraelainemellor
If you publish a test post I can tell you. You can just write ‘hello’, and then you’ll delete the post once you’ve added the code.
This is also necessary to verify that the code that I give works well.

@orbisius
you’re very welcome, I find your plugin invaluable, before discovering it I used to create child themes manually but this saves me a lot of time. I always recommend it to anyone!

Hi mathcore,
the extra space doesn’t come from the footer but from the container above it. There’s a 20px margin.

Add this code to your style.css in your child theme:

.front-page #wrapper {
  margin: 0 auto;
}

If it doesn’t work, add !important to override the parent’s style

No, I don’t know what the problem can be. Just a question, you could initially customize the theme through the customizer interface and then suddenly it stopped working, or it never worked?

Does the theme have its own settings panel? Normally premium themes have a dedicated settings panel.

This worked from my pc:

.woocommerce div.product form.cart .variations td.label, .woocommerce #content div.product form.cart .variations td.label, .woocommerce-page div.product form.cart .variations td.label, .woocommerce-page #content div.product form.cart .variations td.label {
  font-size: 20px;
}

Try it and please let me know. You can also change font color from there if you want

Normally in Woocommerce variations are ander the classes

.variations_form .variations .label

So maybe this code could work in theory:

.variations_form .variations .label {
  font-size: nnpx;
}

Replace nn with the number of pixels size you want for the font.

However that could not be enough to address correctly your message. It depends on your theme, if it adds other classes.

Try my code, and let me know if it works

Hi Harris,
if you want to make the font bigger you don’t need to access the source file. A bit of CSS code should do the job.

Can you plase share your site url so that I can give a look at it?

Hi laposta,
have you tried to contact the developer of the theme? Being that a premium theme he should give you assistance.
Also, since this is a premium theme I don’t have access to the code and can’t make any test from here unless you share admin credentials, which of course is to avoid in a public forum! ??

Hi lauraelainemellor,
in fact it is, I will give you the css code to add based on what I can see on the website. If there isn’t any post I can’t see the fields that you want to remove.

Also, before adding any custom CSS please create a child theme and switch to it. This plugin will automate the process https://www.ads-software.com/plugins/orbisius-child-theme-creator/

If don’t do that, the custom code will be overwritten at the first update of the theme

Hi lauraelainemellor,
could you please share your website url? This would make it much easier for me to help you

Thanks
Giulio

Flatpack,
I’m happy it solved your problem ??

Hi flatpack,
I must admit this was a bit tricky ??
Centering the header logoo it’s quite easy. The first code does this. If it doesn’t work add !important to the commands.

#page .container header .header-hgroup.center-pos {
  float: none;
  margin: 0;
}

This is for the navigation menu. It’s the best that can be done, unfortunately it doesn’t exists a command to “justify” a menu.

.main-navigation {
  height: 40px;
  margin: 0 auto;
  width: 900px;
}

Styling this menu involves basically three commands: a font color, borders and a gradient from white to green.
There’s more of course, it’s not so simple but it’s something that any front end developer must be able to handle.

However, it’s not so simple even for you. Giving just that menu is not enough.
Go for example to this website that I’ve made recently. Look at the browser full size, and then reduce the window until the mobile menu triggers on. You’ll see that the mobile menu is totally different from the desktop menu. It doesn’t have to but in a mobile era you must also provide the design for the mobile version, not only the desktop version.