PLEASE NOTE A RECENT CHANGE:
The forum is read-only. Please submit any support request here.

• Author
  Posts
• 
  estherruiz

  Member

  TT Client

  May 15, 2017 at 8:09 pm #74442

  Hi Michel,

  Where I can change the color of an item on the main page of my theme that is called “facilities”. It is currently in aquablue color and I want it to be green.
  I want to change this: shape-square aquablue” <figure></figure>
  Many of the colors that I have customized in main background colors (Overwrite default colors) are not working.

  Many thanks in advance

  Esther Ruiz

  
  Anonymous

  Inactive

  Inactive

  May 16, 2017 at 8:42 am #74457

  Hi Esther,

  You can change the color of the facilities using Custom CSS:

  .facility-item > div {
      background: green;
  }
  

  Best Regards

  
  estherruiz

  Member

  TT Client

  May 16, 2017 at 10:41 am #74479

  Michel, that code doesn´t work.

  I got it with this other one:

  html body .aquablue,
  html body .hover-aquablue:hover {
  background: #acaa5d;
  }

  Is it correct? or must I use another? (the html green color is #acaa5d)

  Esther

  
  Anonymous

  Inactive

  Inactive

  May 16, 2017 at 10:52 am #74482

  Please try use this one:

  .facility-item > div {
      background: green !important;
  }
  

  The one you have specified is using too generic selectors and the color may be applied to the other sections also.

  
  estherruiz

  Member

  TT Client

  May 16, 2017 at 1:16 pm #74489

  Now it´s okey.
  But I´ve had to change green for the html color, because it wasn´t the same.

  .facility-item > div {
  background: #acaa5d !important;
  }

  Than you Mike!

  
  estherruiz

  Member

  TT Client

  May 16, 2017 at 9:20 pm #74522

  Good night Michel,
  I have more problems with the facilities element. The text is white and disappears when passing the mouse over, and also do not work the links that link to the url specified in each form. Even if you change the color of the shape, the text also disappears and the links do not work.

  Can you help me please?

  Many thanks in advance

  
  Anonymous

  Inactive

  Inactive

  May 17, 2017 at 1:35 pm #74578

  Hi Esther,

  This effect is implemented in our demo in order to allow you to see the clean image on hover.
  In case that you want to modify this behavior for your site, please use:

  .facility-item > div:hover + span {
      display: block !important;
  }
  

  You have to add images in order to be able to click on the facilities’ links.

  Best Regards

  
  estherruiz

  Member

  TT Client

  May 17, 2017 at 8:15 pm #74609

  Many thanks for the explanation Michel. I´ve got it.
  I have a query: do I have to open a new issue and fill in all the fields of the site every time I have a question, or can I do it in this same site?

  I tried to change the background image of the 404 error page by following some of your prompts in other forums

  .error_404{background-image: url(“https://alisne.es/wp-content/uploads/2016/12/Alisne-mantenimiento.jpg”); }

  and I have not succeeded.
  I have put this line of code in my css and it does not work for me.
  How can I change it?
  In Hotelia framework there is an option to change it too, but I don´t understand how to do it.

  Many thanks in advance again

  Esther

  
  estherruiz

  Member

  TT Client

  May 17, 2017 at 8:23 pm #74610

  I have another problem in my products page: https://alisne.es/apartamentos/

  The elements are shown by jumping. Each row has 3 columns, and I only have 8 products, instead of appearing in 3 rows: 3 + 3 + 2, appear 3 + 1 + 3 + 1.
  How can I correct those jumps?

  
  Anonymous

  Inactive

  Inactive

  May 18, 2017 at 8:12 am #74627

  Hi Esther,

  The method you have tried in order to change the background image from the 404 page doesn’t work because of 2 reasons:

  1) The Field where you’ve tried to add the CSS rule doesn’t allow CSS code, it can be used just to change the notice text from the 4040 page
  https://drive.google.com/a/red-sky.pl/file/d/0B11RflJnvBkjXzlBcFpvMDVyb0U/view?usp=drivesdk

  2) There is no such CSS class: .error_404, please add the following rule to Dashboard -> Hotelia -> Developer -> Custom CSS

  .error-box {background-image: url(“https://alisne.es/wp-content/uploads/2016/12/Alisne-mantenimiento.jpg”); }

  3) Your products have different height. Please use the following Custom CSS in order to artificially increase the product’s height:

  .rooms-items > li.has-post-thumbnail {
      min-height: 720px;
  }
  

  Best Regards

  
  estherruiz

  Member

  TT Client

  May 18, 2017 at 10:21 am #74640

  Hi Michel!

  I followed your prompts to change the background image of the 404 error page and I put the code in the developer box, but the image does not appear, instead you see a gray background. Can it be due to the size of the image? What size should I have?

  Another question,
  I want to change the colors of the buttons of the products and also of the texts of my account that appear in the top menu. I have modified them in the screen css file, but they do not apply. Where do I have to change them? I want these colors: #acaa5d #703c10

  Best regards, and many many thanks Michel for help me.

  Esther

  
  Anonymous

  Inactive

  Inactive

  May 22, 2017 at 10:33 am #75326

  Please use the Custom CSS from below in order to style them:

  .error-box {
      background: url(https://alisne.es/wp-content/uploads/2017/05/error-404.jpg);
      background-size: cover !important;
  }
  
  .account-menu > li a,
  .add_to_cart_button {
      color: #acaa5d;
  }
  
  
  .add_to_cart_button:hover {
      background: #703c10;
  }
  

  
  estherruiz

  Member

  TT Client

  May 22, 2017 at 11:16 am #75329

  The cart menu has changed, but not the color of the cart icon. But the buttons to add to the cart do not work.
  Michel, I want to remove all the blues and oranges from my page.
  I want both blue and orange to be green (#acaa5d) all over the web. Is there no way to mark this rule for the whole web?

  Esther

  
  Anonymous

  Inactive

  Inactive

  May 23, 2017 at 2:24 pm #75393

  Esther,
  I am sorry, but the cart icon looks orange, not blue. Have you meant the icon from the header area:
  https://drive.google.com/a/red-sky.pl/file/d/0B11RflJnvBkjUzl2Z0E0QWJROG8/view?usp=drivesdk

  
  estherruiz

  Member

  TT Client

  May 23, 2017 at 6:15 pm #75403

  Yes Michel, the car icon is orange, and I want it to be green. Like the rest of the items in the cart menu: “My account” “Exit” “Spanish” “English” (all these items have changed with the code you sent me, but the color of the cart icon has not changed .

  .account-menu> li a,
  .add_to_cart_button {
  Color: # acaa5d;

  And please remember that I would like to change all the orange and blue colors of the page for my green (# acaa5d)

  Thanks again!

• Author
  Posts