Can you show me a link? 🙂
Thread Starter
Bennn
(@bennn)
Hello James,
thanks for your support, I actually just started website development not so long so its a client’s project and appreciate your support, this is the link to site, http://fertil24.com
I will like to reduce the white space for the following:
after the parallax hero image
the whitespace after logo
the whitespace after menu navigation bar
the white space before and after the homepage content
the white space within the homepage content
whitespace before and after product category
whitespace before and after the footer and
whitespace on pages, see link here http://fertil24.com/about-us/
Also please check the shop page, how do I align the images properly, just this shop page, its okay with the other pages, see link here http://fertil24.com/shop/
Waiting for your support.
Thank you.
Hi Bennn,
In order for you to do the changes you want on your website, you need to do custom CSS adjustments for margin and padding properties on some elements.
The best way to do this is to learn how to do inspect element on that parts that you want to change. Here’s a link to a video on how to do that https://www.youtube.com/watch?v=oezIkOppbbc
Are you developing this on a child theme? if so make sure that your style.css file is added. If not, you need to find another way to add custom CSS through another plugin. But it’s really recommended to work on changes via a child theme.
Hope this helps!
Thread Starter
Bennn
(@bennn)
Yes i am using child theme and have the jetpack custom css plugin. Clicked on link but had error message, Is there no other way maybe css codes for customizing and resolving the issue?
Thank you.
Hi am a new user here i need small help how to reduce home page content now it is showing complete article, it should show only few lines.
@maheshtati try using the <!-- more --> tag.
i cannot modify the margin value of elements. i can change the padding but not the margin on all elements with margin-bottom: 4.236em;.
example:
.woocommerce-breadcrumb {
margin-bottom: 0.236em }
does not change the margin from original value (4.236em).
i also changed the margin atribute in the parent css directly but the original value does not change when loading the page.
might be some simple thing i am missing.
please help
