Jump to content

stur

Member
 View Profile  See their activity

  • Posts

    35

  • Joined

  • Last visited

 Content Type 

Everything posted by stur

  1. stur
    Thanks for the replay that works however when on a ipad (landscape mode) the banner is very large is they any code that would sort that? Appreciate your help. Code currently used is below /* tablet top banner changing size to display better on tablets */ @media screen and (max-width:900px) and (min-width:641px) { figure img { width: 100% !important; height: auto !important; left: 0 !important; } .banner-thumbnail-wrapper.has-description { height: 180px !important; } } /* Mobile banner image hanging size to display better on mobiles */ @media screen and (max-width:767px) { figure img { width: 100% !important; height: auto !important; left: 0 !important; } .banner-thumbnail-wrapper.has-description { height: 0px !important; } }
  2. stur
    Hi I have used the below custom code to change the banner size on the bedford template so it displays nicely on a ipad screen. However this also effects a pc with the display resolution size 1024X 768 is there any code I could use so it would just effect a ipad screen and not a pc screen? Thanks in advance for any help given. /* tablet top banner changing size to display better on tablets */ @media screen and (max-width:1112px) and (min-width:769px) { figure img { width: 100% !important; height: auto !important; left: 0 !important; } .banner-thumbnail-wrapper.has-description { height: 180px !important; } }
  3. stur
    Many thanks for your help - Working fine.
  4. stur
    That works great on the homepage banner thank you for your help. Can I just confirm if I want all banners at the top of all pages to be this size I just remove "body.homepage"? It seems to work when I tried it. Thanks again for the help.
  5. stur
    Thanks for the reply, no the picture is still very big when viewing on a tablet/ipad seems fine on a desktop and phone..
  6. stur
    HI Would anyone be able to help? viewing our website on a laptop the website appears fine however when viewing on a ipad or phone the main banner picture that appears under the main navigation appears larger (alot more space at the top )is there any custom code that code possibly fix this for tablet/mobile? Thanks in advance for any help given.
  7. stur
    Thanks for the reply in the middle of changing the current site to the bedford template so don't think its possible to view the bedford website yet. Would that code be a issue to use on the whole site? would you have any idea for the code required to change all videos so they had rounded corners? Thanks for your help in advance.
  8. stur
    HI I've added the below code to CSS to round all pictures on my site, would any code expert tell me if this is fine to use? wont cause any issues? wont effect the bedford banner? using the Bedford template version 7.0 .Also what would be the ID name to change all videos (video link to youtube)? .image-block-wrapper, { border-radius: 25px; } Thanks in advance for any help, really appreciated.
  9. stur
    Thanks for your help.
  10. stur
    I have been googling the issue and added the below to my code which seems to work, can anyone confirm this is the right code to use? Thanks @media screen and (min-width:768px) { #page, #content {max-width: 80% !important;} }
  11. stur
    Hi I've added the CSS code below to change the width on the bedford template which seems to work fine, however I would like it not to be appied to mobile devices as they do not need the 80% width how would I do this? /*page content set to 80%*/ #page, #content {max-width: 80% !important;} thanks in advance for any help given.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources