services circle icons

- 6 years, 7 months ago marco.oltremateria
  Participant
  
  Expired
  
  Hi,
  
  I am trying to place some service circle icons in home page in http://www.oltremateria.eu
  
  But it seems that icons are not displayed: please see the home page, I place a row with 3 columns / services circle icons. I tried different colors for icons but still they do not appear.
  
  This happens only in home page.
  
  Please note that the site has at the moment a child theme, but I do not see any customizations/css for service circle icons.
  
  Regards
  
  Marco
- 6 years, 7 months ago Mirela
  Participant
  
  This reply has been marked as private.
- 6 years, 7 months ago Mirela
  Participant
  Hello,
  
  I just saw the link in the other ticket.
  Please make sure you are loading all files. I see there is an cross-origin message in the console. meaning some files may not be loaded if called with http, instead of https.
  
  Try updating theme first! The newest version 2.6.3 is just out. It has many issues fixed.
  
  Best regards!
  
  This reply was modified 6 years, 7 months ago by Mirela.
- 6 years, 7 months ago marco.oltremateria
  Participant
  
  Expired
  
  Ok,
  
  I updated theme specular to 2.6,3.
  
  As the issue was not solved I switched to from shild theme to spacular main theme, and in this way the issue is solved.
  
  There is still one moe problem: the home page has some rows with background images: all these image do no fit to smaller screens, seems to no not responsive. This happens both on smartphones/iphones and on tablet screens.
  
  It happened alseo before updating specular.
  
  I tried to regenerate with Retina for all dimensions the first background image in home (home5.jpg), but this does not solve.
  
  How can I solve?
  
  Regards
  
  Marco
- 6 years, 7 months ago Mirela
  Participant
  Hello,
  
  The image in row background is set to cover all row surface. The image you have set is in landscape direction(more wide than high). While in mobile the row is in portrait direction (more high than wide). So if you change the background size to contain, the image will not cover the entire section. See screenshot: https://postimg.cc/Dmck8jGq So suggest you add this css into your custom css box:
  
  @media (max-width:480px){ .vc_row.section-style, .vc_row.standard_section{ background-size: cover; background-position: center center !important; }}
  
  Let me know if you like the result.
  
  Best regards!
- 6 years, 7 months ago marco.oltremateria
  Participant
  
  Expired
  
  Pardon me,
  
  I am not sure to understand:
  
  Background images in homepage are set to “full with container” and should remain in this setting (if I chang to “in container” the image will become too large, as if it was zoomed).
  
  Having this main setting, the custom css code you suggest will adjust the background image on 480 px screens?
  
  I tried to add this code in specular css settings but nothing changes. I also tried to place the code inside the visual composer custom css in home page and nothing changes yet.
  
  I alse get this alert whan adding css: “don’t use adjoining classes”
  
  Marco
- 6 years, 7 months ago Mirela
  Participant
  
  Hello,
  
  The css should be added in the General Options > Custom Css box. Can you confirm it was added here?
  
  The css is to make the background image look better and adapt to mobile screen.
  
  Let me know.
  Best regards!
- 6 years, 7 months ago marco.oltremateria
  Participant
  
  Expired
  
  Hello,
  
  yes, sure I placed the css code in Genreal Options > Custom css box.
  
  But it seems to not get any effect.
  
  You can login and check, if you need.
  
  Marco
- 6 years, 7 months ago marco.oltremateria
  Participant
  
  Expired
  
  This reply has been marked as private.
- 6 years, 7 months ago Ruco
  Keymaster
  
  Hello,
  
  Please check now the responsive.
  
  Let us know.
  
  Regards!
- 6 years, 6 months ago marco.oltremateria
  Participant
  
  Expired
  
  Yes it seems ok now
  
  Thank you
  
  Marco

Viewing 10 reply threads

You must be logged in to reply to this topic.

Community Forums

Site Links

Useful Articles

Login