Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 23, 2015 at 1:10 pm #523749
    Allegrif

    http://wayne.alexanderfirth.com/

    I’m a bit of a novice just learning how to use CSS. I have made the page title/breadcrumb bar smaller using the following code:

    .title_container {
    height: 30px;
    }

    As you can see, the breadcrumb is now not aligned properly. As well as telling me the code, could somebody be so kind as to explain to me how to figure out what I need to add? :)

    I used Chrome’s Inspect Element feature to find the first bit, but it hasn’t really helped me with the second bit – although I may be looking in the wrong place.

    Thanks!

    October 23, 2015 at 1:14 pm #523756
    Yigit

    Hi Allegrif!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top .title_container .container {
    padding-top: 0;
}
.title_container .main-title { top: -3px; }
.title_container .breadcrumb { top: 30%; }

    Best regards,
    Yigit

    October 23, 2015 at 1:47 pm #523788
    Allegrif

    Thanks. Don’t suppose you could explain how you figure out which code to use?

    October 23, 2015 at 1:54 pm #523795
    Yigit

    Hi!

    Container inside “title_container” class (which happens to be my nickname for unknown reasons by the way :) ) had padding. First line targets it and sets it to zero. As you can see in the screenshot – http://i.imgur.com/ozZjowb.png there is “main-title” and “breadcrumb” classes inside .title_container. Clicking on them shows their properties on the right. I adjusted the values there.

    Best regards,
    Yigit

    October 23, 2015 at 2:07 pm #523818
    Allegrif

    Thanks :)

    October 23, 2015 at 2:25 pm #523833
    Yigit

    Hey!

    You are welcome, we are always happy to help!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Very small CSS query’ is closed to new replies.