Hello Everyone, I am creating a website in OSClass www.timesguru.com. I am using twitter bootstrap theme from OSClass. I want to change to width/padding of the top menu bar in this. I am not finding the codes in css files. Following are the links to two different themes (Twitter bootstrap and Repurpose). I want the topbar for Twitter bootstrap as in Repurpose theme. http://market.osclass.org/themes/twitter_43 http://market.osclass.org/themes/repurpose_44 Please help. It could be a simple issue. But I am not a developer, no able to find it. Thanks and Regards, KK
Hi, This is not the CSS you need t edit, its your HTML Markup. You need to put your navbar code out of the "container" just right after closing the "theme_header" Put This Code <div style="z-index: 5;" class="topbar-wrapper"> <div class="topbar"> <div class="fill"> <div class="container"> <ul class="nav"> <li class="for-sale menu"> <a class="menu" href="http://demo.osclass.org/general/index.php?page=search&sCategory=12">For sale</a> <ul class="menu-dropdown"> <li class="books-magazines"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=12">Books - Magazines</a></li> <li class="cameras-camera-accessories"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=13">Cameras - Camera Accessories</a></li> <li class="cds-records"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=14">CDs - Records</a></li> <li class="cell-phones-accessories"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=15">Cell Phones - Accessories</a></li> <li class="clothing"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=16">Clothing</a></li> <li class="computers-hardware"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=17">Computers - Hardware</a></li> <li class="dvd"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=18">DVD</a></li> <li class="electronics"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=19">Electronics</a></li> <li class="for-babies-infants"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=20">For Babies - Infants</a></li> <li class="garage-sale"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=21">Garage Sale</a></li> <li class="health-beauty"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=22">Health - Beauty</a></li> <li class="home-furniture-garden-supplies"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=23">Home - Furniture - Garden Supplies</a></li> <li class="jewelry-watches"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=24">Jewelry - Watches</a></li> <li class="musical-instruments"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=25">Musical Instruments</a></li> <li class="sporting-goods-bicycles"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=26">Sporting Goods - Bicycles</a></li> <li class="tickets"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=27">Tickets</a></li> <li class="toys-games-hobbies"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=28">Toys - Games - Hobbies</a></li> <li class="video-games-consoles"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=29">Video Games - Consoles</a></li> <li class="everything-else"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=30">Everything Else</a></li> </ul> </li> <li class="vehicles menu"> <a class="menu" href="http://demo.osclass.org/general/index.php?page=search&sCategory=31">Vehicles</a> <ul class="menu-dropdown"> <li class="cars"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=31">Cars</a></li> <li class="car-parts"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=32">Car Parts</a></li> <li class="motorcycles"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=33">Motorcycles</a></li> <li class="boats-ships"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=34">Boats - Ships</a></li> <li class="rvs-campers-caravans"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=35">RVs - Campers - Caravans</a></li> <li class="trucks-commercial-vehicles"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=36">Trucks - Commercial Vehicles</a></li> <li class="other-vehicles"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=37">Other Vehicles</a></li> </ul> </li> <li class="classes menu"> <a class="menu" href="http://demo.osclass.org/general/index.php?page=search&sCategory=38">Classes</a> <ul class="menu-dropdown"> <li class="computer-multimedia-classes"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=38">Computer - Multimedia Classes</a></li> <li class="language-classes"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=39">Language Classes</a></li> <li class="music-theatre-dance-classes"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=40">Music - Theatre - Dance Classes</a></li> <li class="tutoring-private-lessons"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=41">Tutoring - Private Lessons</a></li> <li class="other-classes"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=42">Other Classes</a></li> </ul> </li> <li class="real-estate menu"> <a class="menu" href="http://demo.osclass.org/general/index.php?page=search&sCategory=43">Real estate</a> <ul class="menu-dropdown"> <li class="houses-apartments-for-sale"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=43">Houses - Apartments for Sale</a></li> <li class="houses-apartments-for-rent"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=44">Houses - Apartments for Rent</a></li> <li class="rooms-for-rent-shared"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=45">Rooms for Rent - Shared</a></li> <li class="housing-swap"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=46">Housing Swap</a></li> <li class="vacation-rentals"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=47">Vacation Rentals</a></li> <li class="parking-spots"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=48">Parking Spots</a></li> <li class="land"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=49">Land</a></li> <li class="office-commercial-space"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=50">Office - Commercial Space</a></li> <li class="shops-for-rent-sale"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=51">Shops for Rent - Sale</a></li> </ul> </li> <li class="services menu"> <a class="menu" href="http://demo.osclass.org/general/index.php?page=search&sCategory=52">Services</a> <ul class="menu-dropdown"> <li class="babysitter-nanny"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=52">Babysitter - Nanny</a></li> <li class="casting-auditions"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=53">Casting - Auditions</a></li> <li class="computer"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=54">Computer</a></li> <li class="event-services"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=55">Event Services</a></li> <li class="health-beauty-fitness"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=56">Health - Beauty - Fitness</a></li> <li class="horoscopes-tarot"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=57">Horoscopes - Tarot</a></li> <li class="household-domestic-help"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=58">Household - Domestic Help</a></li> <li class="moving-storage"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=59">Moving - Storage</a></li> <li class="repair"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=60">Repair</a></li> <li class="writing-editing-translating"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=61">Writing - Editing - Translating</a></li> <li class="other-services"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=62">Other Services</a></li> </ul> </li> <li class="community menu"> <a class="menu" href="http://demo.osclass.org/general/index.php?page=search&sCategory=63">Community</a> <ul class="menu-dropdown"> <li class="carpool"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=63">Carpool</a></li> <li class="community-activities"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=64">Community Activities</a></li> <li class="events"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=65">Events</a></li> <li class="musicians-artists-bands"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=66">Musicians - Artists - Bands</a></li> <li class="volunteers"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=67">Volunteers</a></li> <li class="lost-and-found"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=68">Lost And Found</a></li> </ul> </li> <li class="jobs menu"> <a class="menu" href="http://demo.osclass.org/general/index.php?page=search&sCategory=75">Jobs</a> <ul class="menu-dropdown"> <li class="accounting-finance"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=75">Accounting - Finance</a></li> <li class="advertising-public-relations"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=76">Advertising - Public Relations</a></li> <li class="arts-entertainment-publishing"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=77">Arts - Entertainment - Publishing</a></li> <li class="clerical-administrative"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=78">Clerical - Administrative</a></li> <li class="customer-service"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=79">Customer Service</a></li> <li class="education-training"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=80">Education - Training</a></li> <li class="engineering-architecture"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=81">Engineering - Architecture</a></li> <li class="healthcare"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=82">Healthcare</a></li> <li class="human-resource"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=83">Human Resource</a></li> <li class="internet"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=84">Internet</a></li> <li class="legal"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=85">Legal</a></li> <li class="manual-labor"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=86">Manual Labor</a></li> <li class="manufacturing-operations"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=87">Manufacturing - Operations</a></li> <li class="marketing"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=88">Marketing</a></li> <li class="non-profit-volunteer"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=89">Non-profit - Volunteer</a></li> <li class="real-estate_1"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=90">Real Estate</a></li> <li class="restaurant-food-service"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=91">Restaurant - Food Service</a></li> <li class="retail"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=92">Retail</a></li> <li class="sales"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=93">Sales</a></li> <li class="technology"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=94">Technology</a></li> <li class="other-jobs"><a href="http://demo.osclass.org/general/index.php?page=search&sCategory=95">Other Jobs</a></li> </ul> </li> </ul> <ul class="nav secondary-nav"> <li class="publish"> <a href="http://demo.osclass.org/general/index.php?page=item&action=item_add">Publish your ad for free</a> </li> </ul> </div> </div><!-- /fill --> </div><!-- /topbar --> </div> Code (markup): Out of the <div class="container"> Code (markup): And you also needs logo moved to top?, so you need to put so use below code and place it before navbar code <div class="container"> <div class="logo"> <a href="http://demo.osclass.org/general/"> <img src="http://demo.osclass.org/general/oc-content/themes/twitter/images/logo.jpg" alt="NoLogo Inc." title="NoLogo Inc."> </a> </div> </div> Code (markup):
It would be useful for you to get something like Firebug and learn how to use it. You can zero in on these kind of problems easily and make the changes.