Sebastian Bernhardtz

Members
  • Content count

    11
  • Joined

  • Last visited

About Sebastian Bernhardtz

  • Rank
    Free Member
  • Birthday 02/22/1978

Profile Information

  • Gender
    Male
  • Location
    Sweden
  1. tronghm, you have once again helped me out without almost any effort, it seems. Thank you very much! I'm reading up on my css skills at the moment, so maybe I don't have to ask about everything all the time here on ;) :lol:
  2. Hello I'm having a hard time getting my extra field icon (which is NOT FontAwesome btw) in category grid listing view, vertically aligned. I'm forced to use an image since FontAwesome does not provide icons of bathroom, toilette etc... I've tried with creating a class and assign this by spans and divs but no matter what I do there is no way I can get that little sucker to align with the rest of the line of content. Please see attached image. Or take a look live here. Thank you! Regards, Sebastian
  3. Wow it's really starting to look good! Finally :D Thank you very much for your outstanding support! Best regards, Sebastian
  4. Thank you tronghm, you've been very helpful! My biggest issue right now is my lack of knowledge in css :rolleyes: I could need some help on certain parts to get going. First: when using firebug or Chrome's built-in code inspector I can only find one or two classes being referred to on my horizontal search. Those two are *class btp* and *class form-map form-search*. I have copied and paste, all the code from the demo site of bt property (Home) horizontal search, into global.css and I can see some change but all the dropdowns still look the same until you click them. Then certain styling has been applied. What is missing to make the drop-down boxes look the same and have the same spacing as the demo? Regards, Sebastian
  5. Thank you tronghm! Now things start to work. But say I want to add my own style to this. How and where do I declare the new styles (i.e selectors etc)? The only stylesheet I've found inside modules/bt_property_search is jquery-ui-1.8.16.custom.css. And inside that stylesheet I can't find any relevant selector. Best regards, Sebastian
  6. It's online now again. My web hotel was attacked by a ddos yesterday and I had no control over it, sorry. Thank you Tronghm for your generous support! Here's the new direct link: http://bit.ly/1Rt7FDV //Seb
  7. And here is the second issue I've noticed, also layout:ish. Please see attached file.
  8. Thank you for your help tronghm! I've given it a try but don't see any difference. Also I found yet another issue. When using Firefox's built-in style editor (not firebug) it immediately found an error. The error message is: I've attached a screen cap for you to see. When looking into this file, it turns out it's empty! May this be the reason for why the layout looks like... well like I myself have coded it? :blink: :lol: Thanks! //Seb
  9. Thanks for your reply! I put the col-lg-3 code in place myself because I found it here in the forums: Anyway, In which document should I make this change? I mean does this css code origin from the component or the template? Because from what I can see col-md-2 and several others all come from bootstrap.css? I run with Helix3 and bt_property, is there any way to edit/add custom code of component like this without having it disappear every time I update to a new version?
  10. Now the search form looks like this: http://jangoo.se/index.php/sok-bostad but I would like it to look like this http://demo.bowtheme...slider-homepage When looking at the code on the demo site I've found this by using Firebug: .horizontal-search .search-box-wrapper { background-color: #e26228; } .horizontal-search .search-box-wrapper .search-box .form-map .btn-search { color: #e26228; } .btn-search .btn { color: #e26228; .horizontal-search .search-box-wrapper { background-color: #1396e2; padding: 0 0 20px; position: relative !important; top: inherit !important; } .horizontal-search .search-box-wrapper .search-box { padding-right: 0; position: relative; } .horizontal-search .search-box-wrapper .search-box hr { border-color: rgba(255, 255, 255, 0.3); margin-bottom: 20px; margin-top: 10px; } .horizontal-search .search-box-wrapper .search-box .advanced-search-toggle { color: #fff; padding: 10px 0; position: absolute; right: 0; top: 0; } .horizontal-search .search-box-wrapper .search-box .advanced-search-toggle .fa { color: #073855; margin-left: 5px; } .horizontal-search .search-box-wrapper .search-box .nav-pills li.active a { background-color: #073855; color: #fff; opacity: 1; } .horizontal-search .search-box-wrapper .search-box .nav-pills li.active a::after { opacity: 1; } .horizontal-search .search-box-wrapper .search-box .nav-pills li a { color: #fff; position: relative; transition: all 0.4s ease 0s; } .horizontal-search .search-box-wrapper .search-box .nav-pills li a::after { border-color: #073855 transparent transparent; border-style: solid; border-width: 5px 3.5px 0; bottom: -5px; content: ""; left: 0; margin: auto; opacity: 0; position: absolute; right: 0; transition: all 0.4s ease 0s; width: 0; } .horizontal-search .search-box-wrapper .search-box .form-map { background-color: transparent; margin-top: 0; padding: 35px 0 0; } .horizontal-search .search-box-wrapper .search-box .form-map input[type="text"], .horizontal-search .search-box-wrapper .search-box .form-map input[type="email"], .horizontal-search .search-box-wrapper .search-box .form-map input[type="search"], .horizontal-search .search-box-wrapper .search-box .form-map input[type="password"], .horizontal-search .search-box-wrapper .search-box .form-map input[type="number"], .horizontal-search .search-box-wrapper .search-box .form-map textarea, .horizontal-search .search-box-wrapper .search-box .form-map select, .horizontal-search .search-box-wrapper .search-box .form-map .selectpicker, .horizontal-search .search-box-wrapper .search-box .form-map .price-range { background-color: #fff; color: #b0b0b0; } .horizontal-search .search-box-wrapper .search-box .form-map input[type="text"]:hover, .horizontal-search .search-box-wrapper .search-box .form-map input[type="email"]:hover, .horizontal-search .search-box-wrapper .search-box .form-map input[type="search"]:hover, .horizontal-search .search-box-wrapper .search-box .form-map input[type="password"]:hover, .horizontal-search .search-box-wrapper .search-box .form-map input[type="number"]:hover, .horizontal-search .search-box-wrapper .search-box .form-map textarea:hover, .horizontal-search .search-box-wrapper .search-box .form-map select:hover, .horizontal-search .search-box-wrapper .search-box .form-map .selectpicker:hover, .horizontal-search .search-box-wrapper .search-box .form-map .price-range:hover { background-color: #f3f3f3; } .horizontal-search .search-box-wrapper .search-box .form-map input.btn-default { text-transform: uppercase; } .horizontal-search .search-box-wrapper .search-box .form-map .selectpicker .caret::after { color: #666666; } .horizontal-search .search-box-wrapper .search-box .form-map .jslider-label, .horizontal-search .search-box-wrapper .search-box .form-map .jslider-value { color: #5a5a5a; } .horizontal-search .search-box-wrapper .search-box .advanced-search { padding-bottom: 10px; } .horizontal-search .search-box-wrapper .search-box .advanced-search h3 { margin-top: 0; } .horizontal-search-float .search-box { padding-right: 0; position: inherit; } .horizontal-search-float .search-box .nav-pills li.active a { background-color: rgba(255, 255, 255, 0.9); color: #073855; opacity: 1; } .horizontal-search-float .search-box .nav-pills li a { background-color: rgba(255, 255, 255, 0.9); color: #5a5a5a; opacity: 0.7; transition: all 0.4s ease 0s; } .horizontal-search-float .search-box .form-map { background-color: rgba(255, 255, 255, 0.9); padding: 15px 15px 5px; } .horizontal-search-float .search-box .form-map:hover { background-color: white; } .horizontal-search-float .search-box .form-map input[type="text"], .horizontal-search-float .search-box .form-map input[type="email"], .horizontal-search-float .search-box .form-map input[type="search"], .horizontal-search-float .search-box .form-map input[type="password"], .horizontal-search-float .search-box .form-map input[type="number"], .horizontal-search-float .search-box .form-map textarea, .horizontal-search-float .search-box .form-map select, .horizontal-search-float .search-box .form-map .selectpicker, .horizontal-search-float .search-box .form-map .price-range { background-color: #073855; border: medium none; color: #fff; font-size: 14px; font-weight: bold; min-height: 40px; padding-bottom: inherit; padding-left: 10px; padding-right: inherit; padding-top: inherit; width: 100%; } .horizontal-search-float .search-box .form-map input[type="text"]:hover, .horizontal-search-float .search-box .form-map input[type="email"]:hover, .horizontal-search-float .search-box .form-map input[type="search"]:hover, .horizontal-search-float .search-box .form-map input[type="password"]:hover, .horizontal-search-float .search-box .form-map input[type="number"]:hover, .horizontal-search-float .search-box .form-map textarea:hover, .horizontal-search-float .search-box .form-map select:hover, .horizontal-search-float .search-box .form-map .selectpicker:hover, .horizontal-search-float .search-box .form-map .price-range:hover { } .horizontal-search-float .search-box .form-map .price-range { margin-bottom: 0; padding: 15px 15px 10px; } .horizontal-search-float .search-box .form-map .jslider-label, .horizontal-search-float .search-box .form-map .jslider-value { color: #fff; } [/CODE] Now, the question is... what to do with it? How can I use this to make magic happen? Please help me.
  11. Hi guys! First I'd like to say thank you BowTheme very much for this amazing component/module package!! Second, I wonder if there is anyone that could help me getting the css styling of the horizontal filter to look like the one on the demo (Slider Homepage) please. I suck at css I'm afraid so if it's allowed, I'd really love to have a copy of the css file for that template (or what ever css document responsible for making that filter look that way :rolleyes: Thanks Regards Sebastian