Hi
On corps I want to reduce the footer text size. There does not seem an easy way
I tried customer CSS but no joy. It reduced all paragraph text not just the footer
I am worried I have caused some issue to the site now
How can I delete all CSS amends/
I tried following your CSS tutorial but it is very brief, do you have any other indepth guidance for a newbie?
Many thanks
Roland
Hi Roland
You can edit or remove your Custom CSS rules from the field they were inserted into. AppearanceCustom CSS if you used SiteOrigin CSS or CustomizeAdditional CSS. There are other potential areas depending on your setup.
At Page: CSS Snippets you’ll find a rule a ways down the page with the heading Adjust the Footer Text Size, the rule be inserted at AppearanceCustom CSS, from there you can adjust the 14px default value.
Thanks
As I said I have not been able to understand your brief tutorial on custom CSS or Additional CCS. I go in and you can click on all manor of boxes and frames but I cant make heads or tails of it
1) if I go into Custom CSS I can see the list of CSS revisions but there is no way to delete them
I did go Appearance – Custom CSS
2) Sorry, I don’t understand what you mean by Page: CSS Snippets
Your help is much appreciated
Thank you
Hi Roland
The steps to adjust the footer text size are as follows:
– Click on the link provided above.
– Scroll to the heading Adjust the Footer Text Size.
– Copy the rule provided and paste the rule into the field at Appearance > Custom CSS.
– Edit the 14px value within the rule.
– Save.
Sorry I meant to add.
The wording is in a a footer widget, is it the same process for taht?
Thank you
Hi Roland
When trying out Custom CSS rules, you can go for it without worry. All you’d be doing in the steps above is highlighting the rule I’ve pointed to, clicking copy and then pasting the rule in the field at AppearanceCustom CSS. Once that’s done, change 14px to your desired font size. If the rule doesn’t work or has an unintended effect, you can remove it and save, no harm. The steps I’ve outlined above could be done in half a minute to see if they take effect.
Thanks for your help, I do appreciate it, but it has had no effect. How do you remove it just for completeness?
Thank you
Please send a link so we can take a look with the CSS rule in place.
The Custom CSS field is a text field, you can remove text as you would in a normal field, backspace, highlight and delete, either method.
I’m sorry, I really don’t understand
The custom CSS field is just a text box. It only shows what the last command. If you overwrite it, is that not the same as deleting. If I delete what is in it and save, what is the difference? I can also see a list on the side
CSS Revisions
I am really struggling to understand how it works, am I even doing it in the right space. I have searched but not found anything that explains it satisfactorily.
Sorry If I am being particularly silly
I would add an image if I could
You can send media by uploading an image to any online location and sharing the link.
It only shows what the last command.
CSS rules aren’t commands being run. They’re static rules, saved one after the other in a list.
If you overwrite it, is that not the same as deleting.
Exactly the same. The field will output whatever is saved in it to the site front-end.
I can also see a list on the side
The sidebar shows revisions so you can roll back if needed, nothing further.
Please send a link to any page of the site concerned with the footer rule in place at AppearanceCustom CSS.
here you go
https://postimg.cc/8JGk7bsx
so do you add the next rule after the previous as a long list?
Thanks for the screenshot; all is in order.
Please send a link to the site. Thanks.
Sorry, the site is not public yet
Here is a simpler rule for you to try that doesn’t rely on a widget tile being present:
.site-footer .widget { font-size: 14px; }Try adding the above rule below the existing rule in your screenshot. Adjust the value as required.
That has worked thank you very much. :-)
So you just add each command after another making a long list so that they can be edited and deleted as needed
Super, glad to hear you’re making progress.
Commands are usually run, these aren’t commands, they’re rules containing properties and values.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_selectors
I have to say I hunted for a theme and tried a few and found this the best so far. Once set up I will speak to the peopel I am creating it for to see if they want to go premium. I am doing 2 at the moment.
Thanks for your kind reply and support; glad to hear the builds are coming along!
Cheers
Andrew