SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Apr 2013
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

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

    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/~hud...home/services/

    Screenshot is attached
    Attached Images Attached Images

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,109
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Hi whatwhat. Welcome to the forums.

    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):

    Code:
    .top-heading {
    padding: 20px 0 15px 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:

    Code:
    #header {
    display: block;
    border-bottom: 1px solid;
    }
    Hope that helps.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Member
    Join Date
    Apr 2013
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    Hi whatwhat. Welcome to the forums.

    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):

    Code:
    .top-heading {
    padding: 20px 0 15px 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:

    Code:
    #header {
    display: block;
    border-bottom: 1px solid;
    }
    Hope that helps.



    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. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,109
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    The border is gone for me. I see you deleted the whole line, which is the best option if you don't want a border at all.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •