Help needed, trying to remove a line and break-space content on Wordpress Theme

HTML & CSS
1

Hi all, thanks for taking a look at my thread.

I am actually trying to accomplish two things:

  1. Move the Page Title (and subsequent contents) down a few lines.
  2. Delete the line on the top.

I have tried editing the CSS/PHP files, but my knowledge in these areas is limited and I would appreciate your help.

The link is here:

https://jasmine.supportedns.com/~hudhudco/home/services/

Screenshot is attached

2

Hi whatwhat. Welcome to the forums. :slight_smile:

There are lots of ways to do that, but here’s one simple option. Firstly, increase these two values in red (which you’ll find around line 408 in base.css):

.top-heading {
padding: [COLOR="#FF0000"]20[/COLOR]px 0 [COLOR="#FF0000"]15[/COLOR]px 0;
top: 400px;
}

These values set the padding on top and bottom of the “Services” title respectively, so as you increase them, the spacing above and bloow the title will increase.

To remove the horizontal line, go to line 199 (or thereabouts) in the same base.css file and remove this line in red:

#header {
display: block;
[COLOR="#FF0000"]border-bottom: 1px solid;[/COLOR]
}

Hope that helps. :slight_smile:

3

Wow, thank you very much! I had been trying for a while lol. for the second amendment, I believe I set border-bottom: 0px solid;, however that did not work.

Thanks again.

4

The border is gone for me. :slight_smile: I see you deleted the whole line, which is the best option if you don’t want a border at all.