Can't change the border colour on my Cheope theme, please help.

  • [ Moderator note: moved to How-to and Troubleshooting. ]

    Hi
    my website is https://www.sycamorelightingltd.co.uk, i understand the basics of code but i’m struggling changing the colour of my borders. I’ve changed changing it in my settings but only the border around the top menu changes.
    I’ve tried changing it in the code on my front page and only the last part changes around the virtual catalogue text. Please can you tell me where i am going wrong. I’m using hex colour is that wrong?This is my code below, but even thought the border colour is different on the first set it hasn’t changed it, i don’t understand why.

    [ Moderator note: code fixed. Please wrap code in the backtick character or use the code button. ]

    [rev_slider alias='Homeslider1' align='left']
[clear]
[one_half]
[banner width='0' height='92' url='https://www.sycamorelightingltd.co.uk/product-category/new-products/' target='yes' title='NEW AND COMING SOON' subtitle='browse the new and coming soon products here' title_size='16' title_size_hover='16' subtitle_size='12' subtitle_size_hover='12' icon_size='4' icon_size_hover='4' background=' #ffffff' background_image='' border='#fce300' color_icon='' color_title='#000' color_subtitle='#000' background_hover='#ffcc00' border_hover='#ffcc00' color_icon_hover=''color_title_hover='#6d6e71'color_subtitle_hover='#ffcc00' type='top-entry' icon='https://www.sycamorelightingltd.co.uk/wp-content/uploads/2015/08/SY7717-Olbia-GU10-pendant-in-situ-over-island1.jpg' style='no']
[/one_half]
[one_half class='' last='yes' ]
[banner width='0' height='92' url='https://www.sycamorelightingltd.co.uk/product-of-the-week/' target='yes' title='PRODUCT OF THE WEEK' subtitle='Click here to view' title_size='16' title_size_hover='16' subtitle_size='12' subtitle_size_hover='12' icon_size='4' icon_size_hover='4' background=' #ffffff' background_image='' border='#fce300' color_icon='' color_title='#000' color_subtitle='#000' background_hover='#ffcc00' border_hover='#6d6e71' color_icon_hover=''color_title_hover='#6d6e71'color_subtitle_hover='#ffcc00' type='top-entry' icon='https://www.sycamorelightingltd.co.uk/product-of-the-week/' style='no' ]
[/one_half]

[one_third class='' last='no' ]

[banner width='0' height='92' url='https://sycamorelighting.wordpress.com' target='yes' title='OUR BLOG' subtitle='keep up to date with the latest posts' title_size='16' title_size_hover='16' subtitle_size='12' subtitle_size_hover='12' icon_size='4' icon_size_hover='4' background='#ffffff' background_image='' border='#aae0fa' color_icon='' color_title='#6d6e71' color_subtitle='#6d6e71' background_hover='#ffcc00' border_hover='#6d6e71' color_icon_hover='' color_title_hover='#6d6e71' color_subtitle_hover='#6d6e71' type='top-entry' icon='' style='no' ]

[/one_third]

[one_third class='' last='no' ]

[banner width='0' height='92' url='/newsletter-signup' target='no' title='NEWSLETTER' subtitle='signup to receive updates' title_size='16' title_size_hover='16' subtitle_size='12' subtitle_size_hover='12' icon_size='4' icon_size_hover='4' background='#ffffff' background_image='' border='#ffcc00' color_icon='' color_title='#6d6e71' color_subtitle='#6d6e71' background_hover='#ffcc00' border_hover='##ffcc00' color_icon_hover='' color_title_hover='#6d6e71' color_subtitle_hover='#6d6e71' type='top-entry' icon='' style='no' ]
[clear]
[/one_third]

[one_third class='' last='yes' ]

[banner width='0' height='92' url='/virtual-catalogue/' target='yes' title='VIRTUAL CATALOGUE' subtitle='browse our online catalogue' title_size='16' title_size_hover='16' subtitle_size='12' subtitle_size_hover='12' icon_size='4' icon_size_hover='4' background='#ffffff' background_image='' border='#aae0fa' color_icon='' color_title='#6d6e71' color_subtitle='#6d6e71' background_hover='#ffcc00' border_hover='#ffcc00' color_icon_hover='' color_title_hover='#6d6e71' color_subtitle_hover='#6d6e71' type='top-entry' icon='' style='no' ]
[clear]
[/one_third]

Viewing 1 replies (of 1 total)

  • If you’re using FireFox, you can inspect elements using Firebug.

    Change the border colour in your Custom CSS on Lines: 134 and 538.

    #banner0, #banner1, #banner2, #banner3 {
    border: 1px solid #aae0fa !important;
}

#banner4 {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #aae0fa;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Can't change the border colour on my Cheope theme, please help.’ is closed to new replies.