Front page filter etc
-
Hi, im working on http://www.ericssoncarey.com
Can you help with CSS for the following:
1/Remove filter from front page picture
2/Increase size of title and tagline
3/Customize footer credit.Thanks!
The blog I need help with is: (visible only to logged in users)
-
Hi there,
1/Remove filter from front page picture
I don’t see a filter on any images on your front page. Where exactly are you seeing it?
2/Increase size of title and tagline
This CSS should do it:
/* Increase site title size */ div#header-group div.site-title a { font-size: 80px; } /* Increase tagline size */ div#header-group div.site-description { font-size: 60px; }You can adjust the values until it looks the way you want. You can also use percentages instead of a fixed px value.
3/Customize footer credit.
How exactly do you want to customize it. If you just want to insert simple text we can do that using CSS, but if you want to insert links, or to be able to add styling to the text you’d need to use a plugin instead.
For help with that, please start a live chat instead at https://wordpress.com/help/contact. Your Business Plan gives you 24/7 access to live chat support, so you don’t have to post here in the public forums for help.
-
-
2/doesn´t work?
It’s working on my end.
I don’t see that CSS added in your Customizer. Please add it, click Update, and then refresh the page. On occasion CSS does not affect the preview in the Customizer, but once you save it, it should get applied to the site itself.
3/I just need simple text :-)
You can use this:
/* Add text to footer */ div#footer-content::before { content: "your text here"; }However, I see you’re using Elementor, and there is likely an option in Elementor itself to do this which will allow you to control how that text actually looks as well.
If you start a live chat at the link I gave above we can take a look if this is something we can help with, else Elementor support should be able to tell you how to add that using their plugin.
-
The CSS was actually added – did you note that it is http://www.ericssoncarey.com im working on?
-
Thanks, I think he may have been looking at the site mentioned at the bottom of the first post.
The footer text is relatively simple:
/* Add text to footer */ div.site-info::before { content: "your text here"; }You can also adjust the “footer credit” under Customize > Site Identity. The business plan allows you to hide it completely, showing only your chosen text.
Changing the site title and description can get trickier, though, since your theme is designed to show the title and description next to your menu. You’ll notice if you make it too big, things start to wrap and look funny. Plus, you will need to test how different sizes look on different screen widths.
One option that may work with your theme is to replace the site title and tagline with an image, while still keeping the title and tagline set for accessibility / SEO purposes.
Otherwise, you can experiment with some settings like these:
/* Adjusting site branding sizes */ .site-title { font-size: 40px; } .site-description { font-size: 28px; }Please also be sure to preview your rules in different screen sizes. Note you can also add Media Queries if needed, so that different rules will apply to different screen widths.
Otherwise you might need to rework the layout a bit. Reworked layouts and complex series of media queries fall outside the scope of the CSS support we offer here, but you’d be welcome to hire a designer if needed.
-
- The topic ‘Front page filter etc’ is closed to new replies.
WordPress.com Forums 