How to fix the gap between layout picture and header

  • Hello everybody, I’m building my website now with Tessaract Theme. It has been ok few day ago, but I just have this problem yesterday when I’ve tried to make some code for google front controls. There is a gap between the layout picture and the header. I’ve tried so many way even deleted all pages and created new page to start over again but it remains the same same. I’m using Page Builder by SiteOrigin and following exactly every steps showing by Tyler Moore. I’ve tried to write to him but no response. I’m really need help now. Please let me know if anyone has the same problem and how to fix it. Thank you very much.

Viewing 8 replies - 1 through 8 (of 8 total)

  • Hi Vindustro
    Can you provide URL of the site so I can take closer look.
    Cheers
    TR

    Thread Starter Vindustro

    (@vindustro)

    Hi Tahoe Rock
    Thank you for your quick response. my URL is https://www.vintageindustryretrofurniture.com . because I have taken off all the pages that I built before and replace with the new ones, so you can only see my work on the home page, which I’m struggling with the gap problem.
    cheers
    Vindustro

    I was using Tessaract Theme, but changed it because some pages wheren’t appearing.. :\

    I think you can change the gap if you go to the css and change the padding or the margin of the top

    OK
    it has been some investigation, but I think I have it.

    .textwidget p {
    margin-top: 0px;
}

or

.textwidget p {
    margin-top: 0px!important;
}

or

#panel-223-0-0-0 .textwidget p {
    margin-top: 0px;
}

or

#panel-223-0-0-0 .textwidget p {
    margin-top: 0px!important;
}

or

.so-panel .widget .widget_black-studio-tinymce .panel-first-child .panel-last-child .textwidget p {
    margin-top: 0px;
}

.so-panel .widget .widget_black-studio-tinymce .panel-first-child .panel-last-child .textwidget p {
    margin-top: 0px!important;
}

    Hope this will work.
    If not we have to tweak it further. IDs and CLASSES on the way down to p element.

    Here is a JPG description

    CHEERS
    TR

    Thread Starter Vindustro

    (@vindustro)

    Hi Tahoe Rock,
    I much appreciate your help. however I know nothing about this coding or CSS. I’ve build the website following the web designer instruction as a zombie. I only change the content to suit for my business from his providing code by copy and paste. Tyler did good job for that.
    Could you please tell me more detail where can I dig into and use your code to fix my problem?
    Again, thank you very much
    Vindustro

    Thread Starter Vindustro

    (@vindustro)

    Hi Jessica, do you mean the CSS in “Attributes” for row edit? which theme have you switched to?

    Hi Vindustro,

    First instal this plugin:

    SIMPLE CUSTOME CSS

    …..and then put this code to plugin`s editor.

    here is a instruction video

    How to Install and Use Simple Custom CSS WordPress Plugin

    Cheers
    TR

    In each theme you have the Styles.css. There you have the possibility to change the colors of something you want or change the float is if you want some part of some content in the right or left, etc and etc. There you can change the font-family and alot of things you can do.

    Changed to Zerif Lite ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to fix the gap between layout picture and header’ is closed to new replies.

Tags