Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • April 20, 2017 at 1:51 pm #780525
    profumopuntoit

    Hello,
    how can I reduce the size of the title and breadcrumb div (it should be div.stretch_full.container_wrap.alternate_color.light_bg_color.title_container)
    to 35px with all his content properly vertically centered ?
    I tried with
    max-height: 35px;
    but only the container reduces but then the texts (title and breadcrumb) are not properly aligned

    Thank you
    Mauro

    April 20, 2017 at 10:08 pm #780820
    Nikko

    Hey Mauro,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .title_container .container {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 0;
}

    Let us know if this helps :)

    Best regards,
    Nikko

    April 21, 2017 at 2:33 pm #781213
    profumopuntoit

    thank you,
    now breadcrumb is properly aligned but remain hidden behind div.container element, while h1.main-title entry-title is not centered in the middle

    April 21, 2017 at 9:29 pm #781411
    Nikko

    Hi,

    Can you post the link to your site? so we can take a closer look.

    Best regards,
    Nikko

    April 26, 2017 at 2:27 pm #783489
    profumopuntoit

    I have fixed it
    thank you anyway

    April 27, 2017 at 5:56 am #783789
    Rikard

    Hi,

    Great, glad you got it working and thanks for letting us know. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    May 2, 2017 at 4:37 pm #786523
    profumopuntoit

    Hello,
    we are trying to see if it is possible to keep the look and feel of our old site (https://goo.gl/i1JM4L) that we are going to migrate to enfold https://goo.gl/UqPO3O
    Is it possible to place the logo in the extreme left of the screen?

    Thank you mauro

    May 3, 2017 at 5:00 am #786870
    Rikard

    Hi,

    I think that should be possible. Please try the following in Quick CSS under Enfold->General Styling:

    #header .container {
  max-width:100% !important;
  padding:0 !important;
}

    Best regards,
    Rikard

    May 5, 2017 at 7:06 pm #788624
    profumopuntoit

    Perfect. Thank you Rikard

    Is it possible to have a background image in the header area like this
    div#header_main.container_wrap.container_wrap_logo {
    background-image: url(……../wp-content/uploads/sfondo-verde-scuro-chiaro.jpg);
    background-repeat: repeat;
    background-position: left bottom;
    }
    but a plain color (#B7C789) when you scroll down the page?

    Thank you
    Mauro

    May 6, 2017 at 6:40 am #788736
    Rikard

    Hi,

    I’m not sure, but maybe you could try something like this?

    .header-scrolled {
  background-image:none !important;
  background-color:#B7C789 !important;
}

    Best regards,
    Rikard

    May 9, 2017 at 12:24 pm #790192
    profumopuntoit

    I tried it and it doesn’t work but like this it is ok

    div#header_main.container_wrap.container_wrap_logo {
    background-image: url(………./wp-content/uploads/sfondo-verdescuro-chiaro.png) ;
    background-repeat: repeat;
    background-color:#B7C789 !important;
    }
    .header-scrolled .logo {
    bottom: -1px;
    height: 65px;
    }
    .header-scrolled .logo a {
    max-height: 64px !important;
    }
    .header-scrolled .logo img {
    top: 10px;
    }

    Thank you, you gave me the hint to where to go to check and test
    Mauro

    May 9, 2017 at 1:07 pm #790228
    Sarah

    Hi Mauro,

    We’re glad you were able to figure it out, and thank you for sharing the solution.

    Please let us know if you should need any further help on this topic or if we can close it.

    Best regards,
    Sarah

    May 9, 2017 at 1:51 pm #790249
    profumopuntoit

    you can close
    Mauro

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘div title height and colour’ is closed to new replies.