Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • July 25, 2014 at 6:48 pm #296060
    stephenturner

    Hi, i know that if you change the border colour in the options it will change the bottom border colour of the title/readcrumbs bar, but also all the other borders which i want a different colour, could you supply the css code to just change the border colour below where the breadcrumbs are displayed, its the bar that also contains the page title, thanks in advance… :-)

    July 25, 2014 at 11:23 pm #296121
    Yigit

    Hey stephenturner!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    .container_wrap.container_wrap_first.main_color {
border-top-color: red;
}

    Cheers!
    Yigit

    July 26, 2014 at 10:05 am #296176
    stephenturner

    Hi, i’ve added this but the border colour is still the same, you can see it clear if you go to a page other than the home page, and under the title bar you can see the border is still grey? thanks…

    July 26, 2014 at 10:52 am #296193
    Günter

    Hey!

    Can you give us a link to your page please?

    Best regards,
    Günter

    July 26, 2014 at 11:44 am #296209
    stephenturner

    http://www.bloxwichfencing.co.uk

    :-)

    July 26, 2014 at 5:52 pm #296256
    Günter

    Hey!

    I’m not sure if i got you right, because the link leads me to a green background.

    To put a border at the bottom of the breadcrumb eg:

    
.title_container .breadcrumb{
border-bottom: 3px solid red;
padding-bottom: 5px;
}

    Probably you will have to adjust the padding also.

    Cheers!
    Günter

    July 27, 2014 at 12:06 pm #296437
    stephenturner

    Hi, the code supplied does exactly that, puts a border underneath the breadcrumb text, but i need the code for the bottom border of the whole title bar, which at present is grey as that is what the border colour has been set to in the options, but i need the bottom border of the whole title bar to be black, so all the other borders stay grey i just need a bit of code to do this, hope i’m making sense?

    So to confirm, the green title bar that covers the whole width of the page, which includes the page title and the breadcrumbs at the moment has a grey border, i need this to be black, thanks guys, we’ll get there in the end… ;-)

    July 27, 2014 at 12:42 pm #296444
    Günter

    Hey!

    Try this:

    
.title_container {
border-bottom: 1px solid black;
}

    Regards,
    Günter

    • This reply was modified 10 years, 4 months ago by Günter.
    July 27, 2014 at 5:57 pm #296489
    stephenturner

    Hi guys, i don’t think i’m making myself clear, the code you have supplied (thanks anyway) underlines the breadcrumb text, if you look at the website http://www.bloxwichfencing.co.uk you will see the page title and breadcrumbs text sit inside a green bar, which fills the full width of the page. The green bar top border is black, but the green bar bottom border is grey (as this is the default border colour i have used in the enfold settings), but i want this green bar bottom border to be black, i have tried to draw it below:
    —————————————————————————————————————– green bar top border is black
    HOME you are here: Home
    —————————————————————————————————————– green bar bottom border (I NEED THIS TO BE BLACK)

    hope this is clearer? thanks guys… :-)

    July 28, 2014 at 8:55 am #296590
    Günter

    Hi!

    Please remove:

    
.title_container .breadcrumb{
border-bottom: 3px solid red;
padding-bottom: 5px;
}

    If I add the following in firefox it works:

    
#main .title_container {
border-bottom: 2px solid black !important;
}

    Cheers!
    Günter

    July 28, 2014 at 9:33 am #296597
    stephenturner

    ok guys, i think we are nearly there (really appreciate all the help), the title container code does put a black border now underneath the title bar, but the grey border is still present, it looks like this is the main content area top border, could you magic up some css to remove this grey main area top border, if you look at the website you can see the thin grey line under the new black one. what would be ideal would be the css to change the main area top border colour to black (hope this makes sense),,, thanks loads!

    July 28, 2014 at 10:36 am #296641
    Günter

    Hey!

    Please try the following:

    
#full_slider_1{
border-top: none !important;
}

    Regards,
    Günter

    July 28, 2014 at 10:51 am #296650
    stephenturner

    so close guys… this code does indeed remove the top border, but only of the slide, if you look under the slide you can see the main page content top grey border still. If you forget the home page with the slider and click on another page, you will see the green title bar now with a bottom black border, all good… but… below the black bottom border is a grey line, this is not the slider border but the top border of the main page content, this is what i need removing or the css to change the colour.

    So to summarise, the green title bar now does have a black border top and bottom… great! but below the bottom black border is the grey top border of the main page content which i need removing. i can go into inspect element and untick border-top-width and the grey line dissapears, it is under .container-wrap, but i don’t know css to work it out, hope this helps, the code is below where you canuntick the border-top-width and the grey border disapears, hope this helps guys, we are sooooooooooooooooo close… ;-)

    media=”all”
    .container_wrap {
    clear: both;
    position: relative;
    /* z-index: 1; */
    border-top-style: solid;
    /* border-top-width: 1px; */

    July 28, 2014 at 11:16 am #296658
    Günter

    Hi!

    Try the following:

    
#main .container_wrap {
    border-top: 0 none !important;
}

    Cheers!
    Günter

    July 28, 2014 at 11:19 am #296659
    stephenturner

    PERFECT!!!!! all done, thanks for your persistence guys, we got there in the end, you can close the question now and massive thanks again!

    July 28, 2014 at 12:06 pm #296680
    Günter

    Hi!

    Glad I could help you. Enjoy the theme.

    Cheers!
    Günter

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘How to change bottom border colour of title/breadcrumbs bar’ is closed to new replies.