Forum


Leothian theme customization

More
5 months 1 week ago #47186 by Gheorghe
Hi,

I want to customize the header+megamenu leothian theme.
I'll appreciate if anyone could give some tips&tricks, docs, url', etc.

Thank you,
More
1 month 1 week ago #47344 by MR RICHARD HUGHES
Hi, i see nobody replied to help you!
I am trying to find a way to resize the search module oin the homepage - did you ever find anyone that could help you?
More
1 month 1 week ago #47346 by Ally
Replied by Ally on topic Leothian theme customization
Perhaps if you gave the forum a more specific task, then maybe someone could assist you.

Are you for instance looking for css or exclusion or what exactly ?

Hope you get some help
More
1 month 1 week ago #47347 by MR RICHARD HUGHES
Ally.
thanks for your interest, i thought i had sort of stated what i am trying to achieve and am now at a point that i am willing to pay to get this done if anyone is interested.

I am using the standard Leotian template which has the search box underneath the slider module. My site is just for one apartment so i dont need the other options in the search box for Towns/Types of accommodation etc and have switched them off. Unfortunately the search module isnt setup to shrink down to accommodate just the "check in" and "check out" boxes with the Search button.

So i need to be able to get rid of all the whitespace in the module - see the attached image



If anyone can help or also needs this doing (by the time you read this) please get in touch!!
Attachments:
More
1 month 6 days ago #47348 by Ally
Replied by Ally on topic Leothian theme customization
Not sure I can totally help you or that you do not already appreciate any of the following.

If I go to the demo site here www.jomres.net/demo I am able to achieve the following screenshot using css



I have used display:none!important; to hide each of the elements shown that are greyed out in the inspector below.

I have then used float:right; on the search element.

Currently it would seem there are no css classes set in the style sheet for each of these but if you were to right click on the element in the left pane of the inspector & copy the CCS path, you would be able to get the class selector and add that to your custom style sheet.



I do not use the {HEADER} in my list property screens due to site owner preferences etc, so I cannot be totally sure you will achieve what you are trying to do without further understanding the site configuration you are using.

Hope that helps.
Attachments:
More
1 month 6 days ago #47349 by Joan
Replied by Joan on topic Leothian theme customization
Hello,

Hope this helps you. I was not able to center this but hope this works for you.

====================================

Open:
public_html/templates/jr_leotian/css/template.css

Line 2362

Add:
width: 600px;

.home-search {
background-color: #fff;
border: 1px solid #ebebeb;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0 3px 3px #cccccc;
-moz-box-shadow: 0 3px 3px #cccccc;
box-shadow: 0 3px 3px #cccccc;
padding: 24px 10px;
position: relative;
top: -60px;
width: 600px;
}

====================================

Open:
public_html/templates/jr_leotian/html/mod_jomsearch_m1/mod_jomsearch_m1.html

Change this: <div class="col-md-2">

To This: <div class="col-md-4">

====================================

Thanks!

Attachments:
The following user(s) said Thank You: MR RICHARD HUGHES
More
1 month 6 days ago #47350 by Ally
Replied by Ally on topic Leothian theme customization
And to further customise the position of the actual homesearch bar, you might consider further css as per the screenshot.

(I cannot switch the guest type off in this demo but you could in your installation)

By adding custom css to the already declared element .home-search you can move the bar to suit your needs.
Attachments:
The following user(s) said Thank You: MR RICHARD HUGHES
More
1 month 6 days ago #47351 by Ally
Replied by Ally on topic Leothian theme customization
Please be aware of my specific use of the term "custom css".

This will ensure you do not lose your changes after updates.
More
1 month 6 days ago #47354 by MR RICHARD HUGHES
Wow thank you so much for your help with this, you are both awesome and with boith of your help i have it almost right

apartment.temp-gingerweb.com/en/

this is the actual build site, if i could just get the Search button to be on the same level as the two check in boxes i think it would be pretty good!
Any suggestions on hos to do this? I have tried padding top and bottom but cant seem to get it right!!

thank you so much!!
More
1 month 6 days ago #47356 by Ally
Replied by Ally on topic Leothian theme customization
Your welcome, I have been in the same position ;)

Try this
Attachments:
The following user(s) said Thank You: MR RICHARD HUGHES
More
1 month 6 days ago #47358 by MR RICHARD HUGHES
Awesome thanks Ally - mine lines up with -16px instead of -56px which is odd - but it looks right in all my browsers?
thanks so much for this!!
More
1 month 6 days ago #47359 by Ally
Replied by Ally on topic Leothian theme customization
So glad you could sort it out... good luck with the rest of the site ;)
The following user(s) said Thank You: MR RICHARD HUGHES
More
1 month 5 days ago #47369 by MR RICHARD HUGHES
Im almost ashamed to come back :-( !!

In the end i have had to resort to just use the Leothian template for the booking page as i found it so limiting and not very responsive.
So i have setup another one for the home page and other back pages as and when they are done.
So i am back to the same issue i had before with this flipping search box !!
I have it almost looking right but am fighting with this whitespace again with it in a horizontal position and cant close it up.
I totally understand if i am pushing my luck here but just in case i am missing something obvious!!

apartment.temp-gingerweb.com/en/

Thanks!
More
1 month 4 days ago #47370 by MR RICHARD HUGHES
Just in case anyone is looking at this in future, i have sorted this with some css in the template/index.php as follows.
obviously relating to the position it is in but works great now!!
  <style>
      .form-horizontal .control-group {
    border: none;
    margin: 0;
    padding: 0;
    display: none;
}
#gkHeaderSidebar{
 top: 235px; 
}

      </style>

ABOUT US

Vince portrait smallaladar

Developed and maintained by Vince Wooll and Aladar Barthi, Jomres was initially conceived in early 2005 as a Mambo based solution to a client’s hotel management needs. While it wasn't originally expected to be an online booking system it quickly morphed into one as users requested more and more features.

As the number of feature requests grew Vince knew that he would need to dedicate more time to the project and in July 2005 Jomres was formally released as a commercial project. Since then, Jomres has become one of Mambo’s, and now Joomla’s, longest running projects. It has survived various versions of Mambo, then Joomla 1.0, 1.5, 1.6, 1.7, 2.5 and 3.

Aladar joined the project in 2010 after using Jomres for his own projects. He was active on the forum, helping other members of the community and eventually Vince invited him to join the team. He has since become an integral part of the project and has contributed significantly to it's development over the years.

Whilst not formally part of the Jomres project, Rodrigo Rocco and the team have become firm friends. Rod is a freelancer who specialises in doing custom work for Jomres users and developing custom plugins for the system that take advantage of it's modular design. He has built many useful extensions including his fabulous new Valentina Template Package.

 

Jomres and the Jomres Logo is trademarked and can't be used without written consent from the owner.

www.jomres.net is not affiliated with or endorsed by the Joomla! Project, Open Source Matters or the WordPress project. The Joomla! & WordPress names and logos are used under a limited license granted by Open Source Matters and the WordPress Projects.

© Copyright 2005 - 2018 Woollyinwales IT.