padding and spacing issue (right sidebar / header)

  • hi

    hope this is the right place to ask.

    i’m using the Yugen theme, and have been trying a dozen of CSS customizations — nothing so far could fix these issues, visible on very page of my website:

    – cannot vertical align the content of the right sidebar (widget)
    – cannot reduce the whitespace between the text lines in the right sidebar (widget)
    – cannot reduce whitespace between header and content / between breadcrumbs and content

    [ redundant link removed ]

    CSS hints are welcome, thanks from France.

    The page I need help with: [log in to see the link]

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

  • Hello @pradals

    For reducing whitespace between breadcrumbs and content. You can change your style.css file for .mt-80 class. I am not sure about .my-80. You can try to reduce the margin-top property value of .mt-80 class.

    .mt-80, .my-80 {
    margin-top: 15px;
}

    For reducing the whitespace between the text lines in the right sidebar (widget).
    You can change the .widget class in style.css file. You can change the margin-bottom value according to your requirement.

    .widget {
    margin-bottom: 30px;
}
    • This reply was modified 3 years, 1 month ago by Kajal Gohel.
    Thread Starter pradals

    (@pradals)

    you are my hero today — merci ??

    just this: any possibility to reduce the white space between header’s divider and breadcrumbs?

    tnx again!

    Thread Starter pradals

    (@pradals)

    … ohh and would love to get rid of the capital H in breadcrumbs “Home”, is there a way to override that in CSS?

    Hello @pradals
    You can change style.css file for #breadcrumb a.
    just add text-transform: lowercase in it.

    #breadcrumb a {
    color: #333;
    text-decoration: none;
    -webkit-transition: color .35s;
    transition: color .35s;
    text-transform: lowercase;
}

    Hope this is useful for u ??

    Thread Starter pradals

    (@pradals)

    wooowhoo !

    Thread Starter pradals

    (@pradals)

    ps: any possibility to reduce the white space between header’s divider and breadcrumbs?

    Hi @pradals

    You can change in your style.css file. write down the code for #breadcrumb. Just reduce the margin-top value according to your requirements. I think 20px is enough.

    #breadcrumb {
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    color: #999;
    margin-top: 20px;
    word-wrap: break-word;
}

    Hope this is useful for u ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘padding and spacing issue (right sidebar / header)’ is closed to new replies.