tonton

Nothing

Thick border didn't work our were you thinking to add it to the image?

Unfortunately no luck with that

How do I move the guy so the section below covers the white space in between? https://www.tiego.se/

I think the top is from my google tag manager. www.tiego.se

Hi, how do I change the cookie pop-up text of the top banner. I found where to change the bottom banner but not the top. @Ziggy Any ideas?

That small mistake. Could not find it, thanks Ziggy!

@tuanphan @Ziggy any ideas?

Seems to be the whole webpage cause its even the menus are left-aligned.

Hi! The parapgraph text that was nicely aligned in the center does align to left all of a sudden? Here is the website adress: www.tiego.se Any idea how this occurs? Did find anything in the css.

Thanks for the feedback. I found the issue. The previous developer had installed an third-party service for the translation which they had canceled.

https://mouse-chimes-a658.squarespace.com/en/home

www.tiego.se

Hi my language switcher that is applie in the footer code injection doesnt load the updated enlighs page. i have updated the english homepage with new content but it doesn't load the updated site. I tried changing the code without any luck. Does anyone have and idea? Here is the code that is use for the language switcher in footer. <script> $(function() { /* SETUP MULTI-LANGUAGE */ var defaultLanguage = 'sv'; var lang = location.pathname.split("/")[1]; var site = location.pathname.split("/")[2]; var defaultClass = 'lang-'+defaultLanguage+''; var itemParent = "nav [class*='collection'],nav [class*='folder'],nav [class*='index'],nav [class*='group']"; if (lang == "" || lang.length > 2 ){ var lang = defaultLanguage; } /* ADD LANGUAGE CLASSES */ $('a[href="/"]').addClass('lang-'+defaultLanguage+'').parents(itemParent).addClass('lang-'+defaultLanguage+''); $('nav a:link:not([href^="http://"]):not([href^="https://"])').each(function () { var langType = $(this).attr('href').split("/")[1]; var multiLanguageClass = 'multilanguage lang-' + langType + ''; if (undefined !== langType && langType.length <= 2) $(this).addClass(multiLanguageClass).parents(itemParent).addClass(multiLanguageClass); }); $('nav button').each(function () { var langTypeFolder = $(this).attr('data-controller-folder-toggle').split("/")[0]; var multiLanguageClass = 'multilanguage lang-' + langTypeFolder + ''; if (undefined !== langTypeFolder && langTypeFolder.length <= 2) $(this).addClass(multiLanguageClass); }); /* HOMEPAGE-LOGO LINKS TO PROPER LANGUAGE HOMEPAGE */ if (lang == "sv") { $('a[href="/"]').attr("href", "/sv/home/"); } /* ADD EXCLUSION NAV ITEMS */ $('.exclude-me,.exclude-me a').addClass('exclude'); $('.sqs-svg-icon--list a,.SocialLinks-link').addClass('exclude'); /* REMOVE OTHER LANGUAGES AND KEEP EXCLUDED ITEMS */ $('.multilanguage:not(".lang-'+lang+',.exclude")').remove(); /*Tiego Cloud länk. Kommentera bort denna om det strular */ /* $('a[href="https://web.tiego.se/"]').css('visibility','visible');*/ /* $('a[href="https://web.tiego.se/"]').addClass('exclude');*/ /* KEEP LINK */ if (lang == "sv") { $('a[href="https://web.tiego.se/"]').addClass('exclude'); } if (lang == "en") { $('a[href="https://web.tiego.se/"]').addClass('exclude'); } /* SETUP LANGUAGE SWITCHER */ $('body').prepend('<div class="language"><a href="https://tiego.se/sv/home/" class="lang-en">Svenska</a>&nbsp|&nbsp<a href="https://tiego.eu/en/home" class="lang-sv">English</a></div>'); /* NOT REQUIRED */ /* SETUP URL REROUTE FOR MATCHING LANGUAGE PAGE */ switch (window.location.pathname) { case '/en/about': $(".language a.lang-en").attr("href", "/en/about"); $(".language a.lang-es").attr("href", "/sv/about"); break; case '/sv/about': $(".language a.lang-en").attr("href", "/en/about"); $(".language a.lang-es").attr("href", "/sv/about"); break; case '/en/products': $(".language a.lang-en").attr("href", "/en/products"); $(".language a.lang-es").attr("href", "/sv/products"); break; case '/sv/products': $(".language a.lang-en").attr("href", "/en/products"); $(".language a.lang-es").attr("href", "/sv/products"); break; } }); </script> Kind regards, Tony

Worked fine when I'm the edito.. But when I check the page in incognito mode the code doesn't seem to work.. Any ideas?

Thanks I'll try it out

https://cymbals-mango-hpe2.squarespace.com/trffa-vr-personal password: erik123

Hello! Having this issue with background images top and bottom is getting a whiteline when the resolution is lower then 8K. So backgrounds that has a resolution of 1920x1080 or 4K 3840x2160 it gets a small white line on top and bottom of the background. Does anyone know why? I have the 8K now but the load time is crazy and gives me a whitebackground for a couple of seconds.

How do I target the fullbleed portfolio title with css code?

The font is not avaible for me in the standard menu. I have to import from custom files.

Yeah it doesn't help though...

The same issue here as well. // THIS IS THE CODE THAT WAS ON THE PREVIOUS SITE // a:not(.sqs-block-button-element) { // color: #00A3B0 !important; // standard link color &:active { color: #43403C !important; // color link goes when clicked } } // Göra menyn semi-tranparent (Light Minimal) body[data-menu-overlay-theme-switcher="true"] .header.light { background-color: rgba(245,245,245 ,0.5)!important; backdrop-filter: blur(10px); } body[data-menu-overlay-theme-switcher="true"]:not(.header--menu-open) .light .header-nav-folder-content { background-color: rgba(245,245,245 ,1)!important; backdrop-filter: blur(10px); color: #blue!important; border-radius: 10px; } // Göra menyn semi-tranparent (Dark Bold) body[data-menu-overlay-theme-switcher="true"] .header.dark-bold { background-color: rgba(54,88,107 ,0.7)!important; backdrop-filter: blur(10px); } body[data-menu-overlay-theme-switcher="true"]:not(.header--menu-open) .dark-bold .header-nav-folder-content { background-color: rgba(71,109,131 ,0.9)!important; backdrop-filter: blur(10px); border-radius: 5px; } //Boxar (Används inte) .box { background-color: rgba(71,109,131 ,1); padding: 20px; //height: 500px; } // Avståndet mellan varje bokstav i menyn .header-nav-item, .user-accounts-text-link, .cart-text-link { letter-spacing: 0.0em; font-size: 14px; } //Övrigt .sprak { background-color: transparant; right: 0; position: absolute; z-index: 1001; padding: 10px 15px 0 0; } .sprak a { color: #1111; font-size: 0.6em; margin-right: 7px; } .header-inner { padding-top: 38px; } .tletable { border: 1px solid #cccccc; background-color: white; th { padding: 13px; color: #333333; background-color: #f0f0f0; } td { padding: 13px; } .hogerstallt {text-align:right} .vansterstallt {text-align:left} } .edittable { border: 1px solid #9b9b9b; background-color: white; font-size:12px; font-weight:normal; th { padding: 5px; color: #ffffff; background-color: #1f4e78; } td { padding: 5px; } } .printtable { border: 1px solid #9b9b9b; background-color: white; font-size:12px; font-weight:normal; th { padding: 5px; color: #ffffff; background-color: #1f4e78; font-weight:normal; } td { padding: 5px; } } .dialogfonster { border: 1px solid #a0a0a0; background-color: white; font-size:14px; padding: 5px; color: #000000; th { padding: 5px; font-weight:normal; } td { padding: 5px; } } .tips { border: 1px solid #11cfeb; background-color: #e9fcff; font-size:14px; padding: 5px; color: #000000; th { padding: 20px; font-weight:normal; } td { padding: 20px; } } .filterwindow { border: 1px solid #dddddd; background-color: #ffffff; font-size:14px; padding: 5px; color: #20b2aa; th { padding: 20px; font-weight:normal; } td { padding: 20px; } } .example { border: 1px solid #8c8c8c; background-color: #f0f0f0; font-size:14px; padding: 5px; color: #000000; th { padding: 20px; font-weight:normal; } td { padding: 20px; } } .statements { border: 1px solid #58a3bf; background-color: #658d9c; font-size:16px; padding: 5px; color: #ffffff; th { padding: 10px; font-weight:normal; } } .hogerstallt {text-align:right} .vansterstallt {text-align:left} .selectedrow_blue { color: #ffffff; background-color: #0078d7; } .selectedrow_yellow { color: #000000; background-color: #ffff00; } .selectedrow_grey { color: #1f4e78; background-color: #d9d9d9; font-weight:bold; } .rowcolor_yellow { background-color: #ffffcc; } .rowcolor_lightgrey { color: #333333; background-color: #f9f9f9; } .gridlines { border: 1px solid #cccccc; } /*setup language switcher*/ .language { color: #dddddd; font-size:14px !important; padding: 0px; top: 25px !important; right: 80px !important; position: fixed; z-index: 99999; a { color: #dddddd; &:hover { opacity: 0.8; } } } .header-nav nav a {visibility: hidde} .header-nav nav .multilanguage a {visibility: visible} .header-actions-action .btn { padding: 20px 30px; font-size: 15px; color: #204051 !important; background: white !important; border-color: violet !important; } // THIS MY CODE FOR CODE FOR ACCORDION BLOCKS AND VIDEO// /* accordion title colors */ li.accordion-item:nth-child(1) .accordion-item__title { color: #325A5A; /* accordion content specific word color */ .accordion-item__description strong { font-weight: normal; color: #325A5A; } } /*#block-yui_3_17_2_1_1667640795519_993251 {border-top: 4px solid grey} .page-section:nth-child(6) {border-bottom: px solid black} */ // THIS MY CODE FOR CUSTOM-FONTS__// @font-face { font-family: 'Black'; src: url(https://static1.squarespace.com/static/6364de5738b2f1610dd61b04/t/6364df2238b2f1610dd63991/1667037341381/Raleway-Black.ttf); } @font-face { font-family: 'BlackItalic'; src: url(https://static1.squarespace.com/static/6364de5738b2f1610dd61b04/t/6364df2238b2f1610dd63993/1667037341412/Raleway-BlackItalic.ttf); } @font-face { font-family: 'Raleway-Bold'; src: url(https://static1.squarespace.com/static/6364de5738b2f1610dd61b04/t/6364df2238b2f1610dd63995/1667037341443/Raleway-Bold.ttf); } @font-face { font-family: 'Raleway-BoldItalic'; src: url(https://static1.squarespace.com/static/6364de5738b2f1610dd61b04/t/6364df2238b2f1610dd63997/1667037341482/Raleway-BoldItalic.ttf); } @font-face { font-family: 'Raleway-ExtraBold'; src: url(https://static1.squarespace.com/static/634d4558d6fbbb5280318717/t/6355438aff7b3464246a40ec/1666532234399/Raleway-ExtraBold.ttf); } @font-face { font-family: 'Raleway-ExtraBoldItalic'; src: url(https://static1.squarespace.com/static/6364de5738b2f1610dd61b04/t/6364df2238b2f1610dd6399b/1667037341548/Raleway-ExtraBoldItalic.ttf); } @font-face { font-family: 'Raleway-ExtraLight'; src: url(https://static1.squarespace.com/static/6364de5738b2f1610dd61b04/t/6364df2238b2f1610dd6399d/1667037341584/Raleway-ExtraLight.ttf); } @font-face { font-family: 'Raleway-ExtraLightItalic'; src: url(https://static1.squarespace.com/static/6364de5738b2f1610dd61b04/t/6364df2238b2f1610dd6399f/1667037341614/Raleway-ExtraLightItalic.ttf); } @font-face { font-family: 'Raleway-Italic'; src: url(https://static1.squarespace.com/static/6364de5738b2f1610dd61b04/t/6364df2238b2f1610dd639a2/1667037341652/Raleway-Italic.ttf); } @font-face { font-family: 'Raleway-Light'; src: url(https://static1.squarespace.com/static/6364de5738b2f1610dd61b04/t/6364df2238b2f1610dd639a4/1667037341684/Raleway-Light.ttf); } @font-face { font-family: 'Raleway-LightItalic'; src: url(https://static1.squarespace.com/static/6364de5738b2f1610dd61b04/t/6364df2238b2f1610dd639bf/1667037341726/Raleway-LightItalic.ttf); } @font-face { font-family: 'Raleway-Medium'; src: url(https://static1.squarespace.com/static/634d4558d6fbbb5280318717/t/635543c10d38433db09d9865/1666532289805/Raleway-Medium.ttf); } @font-face { font-family: 'Raleway-MediumItalic'; src: url(https://static1.squarespace.com/static/6364de5738b2f1610dd61b04/t/6364df2238b2f1610dd639c3/1667037341802/Raleway-MediumItalic.ttf); } @font-face { font-family: 'Raleway-Regular'; src: url(https://static1.squarespace.com/static/634d4558d6fbbb5280318717/t/635543ce7c8ae732dae5b23c/1666532302795/Raleway-Regular.ttf); } @font-face { font-family: 'Raleway-SemiBold'; src: url(https://static1.squarespace.com/static/6364de5738b2f1610dd61b04/t/6364df2238b2f1610dd639c7/1667037341878/Raleway-SemiBold.ttf); } @font-face { font-family: 'Raleway-SemiBoldItalic'; src: url(https://static1.squarespace.com/static/6376481e39aacb26f720916f/t/6376492839aacb26f720d39b/1667037341906/Raleway-SemiBoldItalic.ttf); } @font-face { font-family: 'Raleway-Thin'; src: url(https://static1.squarespace.com/static/6376481e39aacb26f720916f/t/6376492839aacb26f720d39e/1667037341938/Raleway-Thin.ttf); } @font-face { font-family: 'Raleway-ThinITalic'; src: url(https://static1.squarespace.com/static/6376481e39aacb26f720916f/t/6376492839aacb26f720d3a0/1667037341972/Raleway-ThinItalic.ttf); } h1, h2, h3, h4 { font-family: 'Raleway-Bold' !important; text-transform: uppercase; } //__SITE-TITLE__// .header-title-text a { font-family: 'Raleway-Regular' !important; } //__SITE-NAVIGATION__// .header-nav-item a { font-family: 'Raleway-Regular' !important; text-transform: uppercase; font-size: clamp(12px,1vw,17px); } //__HEADER-BUTTON__// .header-actions-action .btn { font-family: 'Raleway-Bold' !important; font-size: 12px !important; } //__ANNOUNCMENT-BAR__// .sqs-announcement-bar-url a { font-family: 'Raleway-Regular' !important; } //__SMALL-TERTIARY-BUTTON__// .sqs-block-button-element--small, .sqs-button-element--tertiary { font-family: 'Raleway-Bold' !important; text-transform: uppercase !important; font-size: 15px !important; } //__MEDIUM-PRIMARY-BUTTON__// .sqs-block-button-element--medium, .sqs-button-element--primary { font-family: 'Raleway-Bold' !important; text-transform: uppercase !important; font-size: 15px !important; } //__SECONDARY-BUTTON__// .sqs-block-button-element--large, .sqs-button-element--secondary { font-family: 'Raleway-Bold' !important; text-transform: uppercase !important; font-size: 15px !important; } //__HEADINGS-FONT-TYPE-COLOR-AND-UPPERCASE__// h1, h2, h3, h4, h5 { font-family:'Raleway-Bold'; text-transform: uppercase; } sqsrte-large, p, sqsrte-small { font-family: 'Raleway-Regular'!important; } //__SPECIFIC_SECTION_PAGE-1_SEC-1__// section[data-section-id="6376488439aacb26f720ab68"] { } // CLAMP FUNCTION// h1, { font-size: clamp(33px,3vw,50px); position: relative; bottom: clamp(5px,1vw,5px)!important; width: clamp(70%,37vw,100%)!important; } //__PARAGRAPH-2_PARAGRAPH-BLOCK-SECTION-1__// #block-b92b581ebc4619e86bbf, p { font-size: clamp(16px,1vw,17px); position: relative; top: -5px; } //__PRIMARY-BUTTON__// .sqs-block-button-element--medium, .sqs-button-element--primary { font-size: clamp(12px,1vw,15px) !important; /*width: clamp(70%,20vw,100%)!important;*/ } //__PRIMARY-BUTTON-PAGE-1-SECTION-1__// #block-2df079361c5ddc29ff15 { font-size: clamp(10px,8vw,15px)!important; position: relative; bottom: 12px } // THIS IS MY MEDIA QUERY CODE// //_BAKGRUNDER_//----- // Medium devices (tablets, 3000px and up) @media (max-width: 3000px) { section[data-section-id="6376488439aacb26f720ab68"] { position: absolute; top: 108px !important; right: 0 !important; bottom: 0 !important; left: 0 !important; margin-bottom: 0 !important; } #block-2df079361c5ddc29ff15, #block-fb59ae81dfd30dce5f1c,#block-b92b581ebc4619e86bbf { position: relative; top: -108px !important; right: 0 !important; bottom: 0 !important; left: 0 !important; visibility:hidde; width: clamp(70%,40vw,90%)!important; margin-top: 20px; } #block-yui_3_17_2_1_1667555226387_6404144 { position: relative; top: -120px !important; } #block-yui_3_17_2_1_1667473268423_68801 { min-width: 100%; position:relative; top: 22px; left: -20px; } #block-b6393a5b817ff3360c63 { position: relative; bottom: -25px; } } //_BAKGRUNDER_//----- // Medium devices (tablets, 980px and up) @media (max-width: 980px) { h1 { width:100% !important; } section[data-section-id="6376488439aacb26f720ab68"] #block-fb59ae81dfd30dce5f1c { visibility:hidde; position: relative; top: -100px !important; left: -50px!important; width: clamp(60%,1vw,50%) !important; } #block-b92b581ebc4619e86bbf, { position: relative; top: -100px !important; left: -50px!important; width: clamp(90%,20vw,100%) !important; } p { font-size: clamp(13px,1vw, 14px) } #block-2df079361c5ddc29ff15 { position: relative; top: -100px !important; left: -50px!important; width: clamp(80%,1vw,100%) !important; } //_BAKGRUNDER_//----- // Medium devices (tablets, 900px and up) @media (max-width: 900px) { h1 { width:100% !important; } section[data-section-id="6376488439aacb26f720ab68"] #block-fb59ae81dfd30dce5f1c { visibility:hiddn!important; position: relative; top: 70px !important; left: -50px!important; width: clamp(70%,10vw,100%) !important; } #block-b92b581ebc4619e86bbf, { position: relative; top: 70px !important; left: -50px!important; width: clamp(100%,50vw,100%) !important; } p { font-size: clamp(13px,3vw, 14px) } #block-2df079361c5ddc29ff15 { position: relative; top: 60px !important; left: -50px!important; width: clamp(80%,40vw,90%) !important; } } //_BAKGRUNDER_//----- // Medium devices (tablets, 768px and up) @media (max-width: 767px) { h1 { width:100% !important; } section[data-section-id="6376488439aacb26f720ab68"] #block-fb59ae81dfd30dce5f1c { visibility:hidde!important; position: relative; top: 60px !important; left: 1px!important; width: clamp(80%,100vw,10%) !important; } #block-b92b581ebc4619e86bbf, { visibility:hidde!important; position: relative; top: -70px !important; left: 1px!important; width: clamp(80%,10vw,100%) !important; } p { font-size: clamp(15px,1vw, 14px) } #block-2df079361c5ddc29ff15 { position: relative; top: -115px !important; left: -1px!important; width: clamp(57%,1vw,57%) !important; } } //_BAKGRUNDER_//----- // Medium devices (tablets, 428px and up) @media (max-width: 428px) { h1 { width:100% !important; } section[data-section-id="6376488439aacb26f720ab68"] #block-fb59ae81dfd30dce5f1c { visibility:hidde!important; position: relative; top: 65px !important; left: 1px!important; width: clamp(95%,30vw,100%) !important; } #block-b92b581ebc4619e86bbf, { visibility:hidde!important; position: relative; top: -65px !important; left: 1px!important; width: clamp(95%,10vw,100%) !important; } p { font-size: clamp(13px,1vw, 14px) } #block-2df079361c5ddc29ff15 { position: relative; top: -115px !important; left: -1px!important; width: clamp(40%,50vw,90%) !important; } } a.summary-title-link { font-family: 'Raleway-Bold' !important; text-transform: uppercase; padding-bottom: 50px !important; } .summary-title { margin-bottom:30px !important; } .summary-excerpt.summary-excerpt-only p { line-height:1.7em !important; margin-top:20px !important; } a.summary-read-more-link { background-color: #164448 !important; color: white !important; padding:20px; border-radius:40px; max-width:50% !important; text-align: center !important; } .sqs-button-element--tertiary { font-size:25px !important; } .summary-thumbnail.img-wrapper.preFade .fadeIn { transition-duration: 5000s !important; transition-delay:10s !important; } header#header { background: #154448 !important; } /* Change dropdown menu background */ .header-nav-folder-content { background: #154448 !important; } .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager { float: none; width: 90px; position: absolute; bottom: 10%; left: 90%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 9; } .sqs-gallery-design-carousel .sqs-gallery-controls .next::before { color: #000; padding: 12px; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous::before { color: #000; padding: 12px;} }

Hi, I added a couple of codeblocks with some lottiefiles. Problem is that I get to black lines on the top and bottom of the code block which I dont want. Any ideas how to delete these lines? Thanks in advance/ Tony

But I do not have raleway in my styles... I know some other people do in other countries but, I not have it in mine.

Yeah, I'll have a look in the css... And the font-type is wrong on other computer except mine... The paragraph should be Raleway-Regular... Any ideas on that issue? Thanks for the quick responses Ziggy, really apprreace it!