Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 24, 2014 at 11:55 am #295365
    stephenturner

    Hi Guys,

    I only want to change the colour of the sidebar widget border as i want it different to the main border colour of everything else set in the theme options so i added the following code:

    #top #main .sidebar {
    border-left-color: #F00 !important;
    }

    This works great, but on pages with hardly any content, ie, the items in the widget sidebar are longer than the main area it works fine, but when the content in the main area is longer than the content in the widget area, the border appears to whatever has been set in the enfold theme setting, it’s like an overflow area, can you supply the css the change this bit too, if you look at pages About Us, Gallery and Showroom you will see, thanks guys… :-)

    July 24, 2014 at 12:25 pm #295380
    Yigit

    Hi stephenturner!

    Please try adding following code to Quick CSS

    #top #main .sidebar { left: 1px; }

    Cheers!
    Yigit

    July 24, 2014 at 12:28 pm #295384
    stephenturner

    Hi, i added this code and it just made the whole sidebar border black and kind of swapped what was happening, look at website, i’ve left so you can see… :-0

    July 24, 2014 at 12:37 pm #295388
    Yigit

    Hey!

    Can you elaborate please? How would you like to make it look? A screenshot would help :)

    Cheers!
    Yigit

    July 24, 2014 at 12:38 pm #295389
    stephenturner

    how do you send a screen shot, i did do a screen dump but have no option to upload an image? thanks…

    July 24, 2014 at 12:53 pm #295393
    Yigit

    Hi!

    Please upload your screenshots on imgur.com or Dropbox public folder and post the links here :)

    Regards,
    Yigit

    July 24, 2014 at 1:19 pm #295406
    stephenturner

    hi, i have to sign up etc and i try not too, but the error is now live, if you go to http://www.bloxwichfencing.co.uk and click on the about us page, you can see the sidebar border is white, using the css coding above, but the section underneath the widget area content displays the border as set in the theme (black), it’s just a small section of the sidebar at the bottom, below is the bit of code from inspect element where you can change it:

    .related_posts.av-related-style-full a {
    border-color: #000000;

    hope this helps… :-)

    July 24, 2014 at 2:32 pm #295435
    stephenturner

    Hi, i had problems with dropbox so have taken a screen shot and placed it on the homepage of http://www.bloxwichfencing.co.uk i have drawn an arrow showing the issue, thanks … :-)

    • This reply was modified 10 years, 3 months ago by stephenturner.
    July 24, 2014 at 5:08 pm #295488
    Yigit

    Hi!

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

    .content {
border-color: white!important;
}

    Cheers!
    Yigit

    July 24, 2014 at 5:34 pm #295517
    stephenturner

    absolutely fabulous!!! thanks again for the spot-on support, this question can now be closed… :-)

    July 24, 2014 at 5:36 pm #295519
    Yigit

    Hi!

    You are welcome, always glad to help! :) Let us know if you have any other questions or issues

    Best regards,
    Yigit

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘How to change the sidebar widget border colour’ is closed to new replies.