Fotografie Theme - Update - Errors - Excessive Padding

This topic has 1 reply, 2 voices, and was last updated 1 year, 11 months ago by Sakin.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
December 12, 2022 at 5:35 pm #313540
Admin2019
Participant
Hi Skanda & Team

I return with some small issues. I have updated the theme and plug-ins and there are some small problems on my page.

My page is:

http://www.cathalocuaig.com

Here are the issues:
1. On my home page, there is a big MENU button that appears in Mobile and Tablet mode. In Desktop mode this becomes an ABOUT button. How can I remove this? Or at least make it invisible? You can see it here: https://justpaste.it/andxr
2. I have a short biographical paragraph of text below the video on the home page. How can I reduce the padding above and below this? You can see how it is excessive here: https://justpaste.it/2c9oq
3. For some reason, since the update, there is a LOT of padding on the individual pages, above and below the video. Also between sentences of text. If you press Return when typing – it moves the text down a lot! How can this be reduced? I attach a photo here: https://justpaste.it/az0zp
Many thanks for a great design.
December 12, 2022 at 11:06 pm #313553
Sakin
Keymaster
Hi,

1. You can remove that mobile menu and keep the desktop menu with about. For that, just add the following CSS in the “Appearance => Customize => Additional CSS” box:
```
.menu-toggle-wrapper {
	display: none;
}
.main-navigation ul {
	display: block;
	text-align: center;
}
```
2. You can reduce the margin-bottom on the following CSS and add it as per your need. The first margin button is for the space above the text and the second one is for the space below the text:
```
/* Embed Margin Bottom */
.hero-content-wrapper .wp-block-embed {
	margin-bottom: 35px;
}
/* Hero Content Margin Bottom */
.hero-content-wrapper {
	margin-bottom: 35px;
}
```
3. For the paragraph, I see that you are using paragraphs with a background in the blocks. So, that is adding padding. If you want to remove that then you need to add the following CSS:
```
p.has-background {
  padding: 0;
  margin: 0 0 28px;
}
```
For embed videos also you can add the following CSS:
```
.entry-content .wp-block-embed {
  margin-bottom: 28px;
}
```
4. I also see that you have issue with Colors. Can you check your color options are “Appearance => Customize => Colors” and check “Main Text Color”. In your site you have background color black as well as text color black. So, there is issue with title not showing and also other contents. Please check.
Author

Posts