Removing empty space on the title area!

Resolved wpartistdedigital
(@wpartistdedigital)

4 years, 9 months ago
Hello all,
Greetings everyone. This is my first post and my first try on a wordpress website. I am using twenty twenty theme along with smart slider 3 on the home page.

What I didn’t like is the huge title on the top of each page. So, I somehow manage to remove the title text however the massive empty space is still there and I am unable to remove it. Kindly help…
Here are the custom CSS codes I am using and on the preview its showing just perfect, but on the actual page its not reflecting the preview! I am kind of lost now. Thanks.
_____________________________________________________________________
.page .type-page .entry-title {
display: none;
}

.singular .entry-header {
padding:10px;
}
______________________________________________________________________

Link to the site: brahmaputrarice.in
- This topic was modified 4 years, 9 months ago by wpartistdedigital. Reason: added site link

Viewing 15 replies - 1 through 15 (of 19 total)

1 2 →

jaynarayan
(@jaykpatel)

4 years, 9 months ago
Looks like css cascading issue. try following :
```
.singular .entry-header {
    padding: 1%;
    display: none;
}
```
if this fails, try using inspect element to see which rule is overriding your css.
ipjuniordeveloperaki
(@ipjuniordeveloperaki)

4 years, 9 months ago

from what I found, there is a margin top in your footer.

Reduce it or remove it.
http://prntscr.com/1deoia7

Thread Starter wpartistdedigital
(@wpartistdedigital)

4 years, 9 months ago

Thanks mate @jaykpatel

Your codes works fine in the preview, however something overrides on the actual site. Sorry.

Thanks @ipjuniordeveloperaki bro,

Kindly help me how to reduce or remove the footer margin. May be you are right…Thanks again.

jaynarayan
(@jaykpatel)

4 years, 9 months ago

footer margin is not the problem.There is Empty header tag.

https://snipboard.io/UlP7mw.jpg

jaynarayan
(@jaykpatel)

4 years, 9 months ago

@wpartistdedigital Where are you writing the css?

Thread Starter wpartistdedigital
(@wpartistdedigital)

4 years, 9 months ago

@jaykpatel I am using a plugin called Simple Custom CSS.

Thread Starter wpartistdedigital
(@wpartistdedigital)

4 years, 9 months ago

@jaykpatel here it is…
https://snipboard.io/EizmHY.jpg
Thread Starter wpartistdedigital
(@wpartistdedigital)

4 years, 9 months ago
However want to remove this bit: https://snipboard.io/LAMJ45.jpg
- This reply was modified 4 years, 9 months ago by wpartistdedigital.
jaynarayan
(@jaykpatel)

4 years, 9 months ago

You should create a child theme and add CSS changes through it. In your case you need simple CSS child theme.

https://www.hostinger.com/tutorials/how-to-create-wordpress-child-theme
Thread Starter wpartistdedigital
(@wpartistdedigital)

4 years, 9 months ago
@jaykpatel I am using child theme, copied over header and footer files too. But couldn’t figure out what or where to edit it to achieve the desired output. Please help in a detailed way… https://snipboard.io/K5hGro.jpg
- This reply was modified 4 years, 9 months ago by wpartistdedigital.
Thread Starter wpartistdedigital
(@wpartistdedigital)

4 years, 9 months ago

@jaykpatel @ipjuniordeveloperaki – Hi guys, I figured out something. If I change this value (check image – https://snipboard.io/OLuFIq.jpg) I can get the desired look. However I couldn’t find out which exact CSS file to edit and where exactly should I alter in the admin area.

If I know the exact file, I can copy it to the child theme and alter the file.

Please help…

ipjuniordeveloperaki
(@ipjuniordeveloperaki)

4 years, 9 months ago

as I can see, you do use a child theme. http://prntscr.com/1dg1gpl

So take your code and paste it in child theme -> style.css file

If it’s not working try put !important on your code.

.class {
color: #000 !important;
}

Thread Starter wpartistdedigital
(@wpartistdedigital)

4 years, 9 months ago

@ipjuniordeveloperaki Thanks. However its still not working! https://snipboard.io/6Hu2mt.jpg

ipjuniordeveloperaki
(@ipjuniordeveloperaki)

4 years, 9 months ago

@wpartistdedigital

1. Press CTRL + F5 (2-3 times) or check it from Incognito Window
2. Be sure from themes that Child theme is selected

Also, is running a media query so try do the same:
http://prntscr.com/1dg9zvn

jaynarayan
(@jaykpatel)

4 years, 9 months ago

First, remove the plugin simple custom css. After that write your custom css in the file style.css.

Viewing 15 replies - 1 through 15 (of 19 total)

1 2 →

The topic ‘Removing empty space on the title area!’ is closed to new replies.

Removing empty space on the title area!

Tags

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics