tonton
-
Posts
48 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by tonton
-
-
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! -
-
-
-
Thanks for the feedback.
I found the issue. The previous developer had installed an third-party service for the translation which they had canceled.
-
-
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> | <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
-
-
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.
-
-
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;}}
-
-
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!
Hide part of the image behind the section below
in Customize with code
Posted
Nothing