CSS

  • Resolved Roger Vikstrom

    (@roger-vikstrom)


    4 years, 10 months ago

    I have managed to reduce the distance between the menu and the rest of the headings, picture on the first page. Ideally, I would like to reduce the distance more…. Anyone know how? then only on the first page does not work the rest of the pages eg Gallery

    Have also managed to change color on the menu but the small arrows are still red how to change color there.
    Grateful for help. Tried on the side earlier got no answer more than 48 hours ago question is a bit impatient of me
    Best regards
    Roger

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

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

  • Hi, is this what you’re looking for regarding the spacing?

    .header-footer-group .header-inner {
    padding-bottom: 0px;
}

    About the menu arrows, I don’t see any red arrows anywhere on the menu. Did you get those fixed?

    Thread Starter Roger Vikstrom

    (@roger-vikstrom)

    I found this
    .primary-menu .icon::before, .primary-menu .icon::after {
    background-color: #000;
    }
    Tank you for the help. is this css ok or should it be optimized ?
    .entry-content > p:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 800px;
    }
    .home #site-content .entry-header {
    padding-top: 0px;
    }
    @media (min-width: 700px) {
    .site-logo img { max-height: 120px; }
    }
    #site-header .primary-menu li a {
    font-size: 22px;
    }
    body:not(.overlay-header) .primary-menu > li > a {
    color: #000;
    }
    /*** screen smaller than 700px ***/
    h1, .heading-size-1 { font-size: 3.6rem; }

    /*** screen between 700px to 1219px ***/
    @media (min-width: 700px) {
    h1, .heading-size-1 { font-size: 6.4rem; }
    }

    /*** screen 1220px and bigger ***/
    @media (min-width: 1220px) {
    h1, .heading-size-1 { font-size: 8.4rem; }
    }

    @media (min-width: 1000px) {
    #site-header > .header-inner {
    flex-direction: column;
    }
    .header-titles-wrapper {
    margin: 3rem 0;
    order: 1;
    }
    .header-titles {
    justify-content: center;
    margin: 0;
    }
    }
    #site-content .entry-header {
    padding-bottom: 0px;
    }

    #site-content .post-inner {
    padding-top: 10px;
    }
    .primary-menu .icon::before, .primary-menu .icon::after {
    background-color: #000;
    }
    .header-inner {
    padding: 1rem 0;
    }
    .header-footer-group .header-inner {
    padding-bottom: 0px;
    }
    .header-titles .site-title, .header-titles .site-logo, .header-titles .site-description {
    margin: 0;
    }
    .singular .entry-header {
    padding: 0;
    }

    Thread Starter Roger Vikstrom

    (@roger-vikstrom)

    thank you

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS’ is closed to new replies.

Tags