• Resolved LilAbhi

    (@lilabhi)


    I have looked around on both weaver’s website and this site with no luck on finding a way to add border onto the primary widget. I need to know what code to use and where to put it. If you do not understand what i mean well then, go to http://www.inovex.ca and see how on the right hand side there is a goldish line going down. I need that exactly. It would be better if the line was only on the left side and not all around the widget, but if that can not be done there is no need for it to look exactly like that webpage.
    Also before anyone says anything no I can not post the link to the webpage I am making. I am just a co op student working for this company and they have asked me not to post the webpage online for everyone until it is done. Thank you in advance! 😀

Viewing 14 replies - 1 through 14 (of 14 total)
  • You could use faux columns technique for the border: http://www.alistapart.com/articles/fauxcolumns/

    (can’t believe I can still reference to that article after 7 years)

    Thread Starter LilAbhi

    (@lilabhi)

    Thanks man and that will work well with weaver right. Also for a bit more of information i am not good at all with any css or html coding

    I just read all of that and i dont see how that relates to my questions of adding borders through the weaver options. Sorry if i seen a little stupid. im only 16 🙁

    I am not familiar with the Weaver theme so maybe you can try asking on their forum if they have one. I’m sure someone there will be willing to help you. Or wait for someone here who knows the theme, because without looking at your website I won’t be of much help. Goodluck! 🙂

    Thread Starter LilAbhi

    (@lilabhi)

    Thanks man I have not really gotten any where on either forum. Its too hard to get help without showing the site but I am just not allowed to throw it on the servers

    Thread Starter LilAbhi

    (@lilabhi)

    I have thrown this code up there and everything but it just isnt working
    </style>
    #branding img{margin-top: 0px;}
    #wrapper {margin-top: 0px;}
    #primary {border-left:16px solid yellow;}
    </style>

    Please help me i only got like 2 and a half weeks left at this place and im being marked on the site.
    (sorry i forgot i even had this up there)

    Is this your theme? http://demo.wpweaver.info/

    If yes, open
    wp-content/uploads/weaver-subthemes/style-weaver.css

    search for #primary and add your border-left:16px solid yellow; like the code above.

    Also the above code won’t work because you have a closing </style> tag in the beginning. It should be:

    <style>
    #branding img{margin-top: 0px;}
    #wrapper {margin-top: 0px;}
    #primary {border-left:16px solid yellow;}
    </style>
    Thread Starter LilAbhi

    (@lilabhi)

    Oh ahaha thanks man will try that out and post the results

    alright so i threw

    <style>
    #branding img{margin-top: 0px;}
    #wrapper {margin-top: 0px;}
    #primary {border-left:16px solid yellow;}
    </style>

    in and for some reason it brought the entire widget to the bottom.

    I will try the next one

    Did the exact same thing brought the entire widget down so that it is right above the footer

    It could be because the width of the border is too thick. Try using 1px first instead of 16px. You can also try to adjust the #container width.

    Thread Starter LilAbhi

    (@lilabhi)

    I got it

    #content {border-right:2px solid #A98E4E;}

    added that bit of code to the
    HEAD section in advanced options and its all good now thanks

    Thread Starter LilAbhi

    (@lilabhi)

    now i have to find a way to make it so there is no space between the footer and the content area.

    Thread Starter LilAbhi

    (@lilabhi)

    #footer {
    	margin-bottom: 2x;
    	margin-top:0px;

    I changed this code around and didnt find anything that would help though.

    Wrong piece of code?

    Thread Starter LilAbhi

    (@lilabhi)

    Alright so i got that done to now all i have to do is change the text in the footer any idea on how i would get that done

    Thread Starter LilAbhi

    (@lilabhi)

    <!– Add your own CSS snippets between the style tags. –>
    <style>
    #footer {color:#FFF;}
    </style>
    with this code
    the following is what happens
    © 2011 – Inovex- Developing Custom Software Solutions for Business

    Proudly powered by WordPress. Weaver by WPWeaver.info

    whats in bold is the only text that went white everything is still grey

    Thread Starter LilAbhi

    (@lilabhi)

    Alright so i got that done to now.

    the next challenge for me is getting there to be a 2px margin for the top of the menu and below the menu

Viewing 14 replies - 1 through 14 (of 14 total)

The topic ‘Adding border around Primary Widget’ is closed to new replies.