Hi, what set up i need to insert for showing a news page like the screen? I ve see it in more laytheme website but can't find it.
The descrition at center is the entire article.
Hi, what set up i need to insert for showing a news page like the screen? I ve see it in more laytheme website but can't find it.
The descrition at center is the entire article.
@arminunruh said in fixed Marquee on top is invisible since update:
position: fixed;
top: 16px;
z-index: 10;
width: 100%;
give the row a class by right clicking an empty spot on the row
thank you so much, the problem is that now the marquee is over the logo and the menu
@arminunruh fraom.com the marquee is on all page
@arminunruh said in fixed Marquee on top is invisible since update:
.header_marquee {
position: fixed;
top: 0;
z-index: 999;
width: 100%;
}
i ve the same problem, all marquee are at the top on every page and after update it don't show up.
how i can solve? thanks
@kalamakumaran said in invert carousel slide direction:
Give the carousel you want to invert the class "reverse"
Add this to your Custom JS
<script> window.laytheme.on("newpageshown", function(){ // Get the swiper-container element var swiperContainer = document.querySelector('.swiper-container'); // Check if the element exists and has the "reverse" class if (swiperContainer && swiperContainer.classList.contains('reverse')) { // Add the dir="rtl" attribute swiperContainer.setAttribute('dir', 'rtl'); } }); </script>
and it should work!
But apparently it seems to be not possible to add classes to carousels. Is it a bug @arminunruh ?
Because when I remove the if statement out of the code it affects the .swiper-container and it inverts the direction.
i ve added it to the custom css tab but don't work. Otherwise i think that it apply this rule to all slide, right?
The problem is that i want apply it only in one slide.
because i ve two section that are parallel. it show the same layout but different info content.
The slide go to left and the result isn't good. Would be cool that it slide at the and respect the parallel design
Is possible invert the slide direction from left to right?
@fernandol97 convert it to webp
@arminunruh solved! missing custom row height
@arminunruh already tryed but dont' work i ve set in both values 30 px
Hi, in this example https://test.laytheme.com/sticky/ there is a tree photo that sticky at the top.
How i can do this but when a new element scroll on it it will move out?
like the text :"Distinct, dynamic design to transform brands, institutions, and individuals." in this lay site:
https://www.standard-projects.com/
where i can found this option? Thanks
@arminunruh thank you it willl be so cool.
At the moment my problem is that i show tablet menu really big:
this is my css:
.navbar { border-bottom-width: 3px; }
.fixed-element{
position: fixed;
top: 200px;
left: 30%;
z-index: 5;
}
.rotate {
animation: rotation 8s infinite linear;
}
.primary li {
color: white;
background: var(--primary-color);
font-size: 5px;
font-weight: 100;
line-height: 1em;
border: 3px solid;
border-radius: 20em;
padding: 0.25em 0.5em 0.4em 0.5em;
transition: 200ms ease-in-out;
}
.primary li:hover {
color: #1F54FF;
line-height: 1em;
border: 3px solid;
border-radius: 20em;
padding: 0.25em 0.5em 0.4em 0.5em;
}
li.current-menu-item
{
color: #1F54FF;
line-height: 1em;
border: 3px solid;
border-radius: 20em;
padding: 0.25em 0.5em 0.4em 0.5em;
}
.lay-thumbnailgrid-filter-anchor {
background: var(--primary-color);
font-size: var(--step--1);
font-weight: 300;
line-height: 1em;
border: 3px solid;
border-radius: 20em;
padding: 0.25em 0.5em 0.4em 0.5em;
transition: 200ms ease-in-out;
}
.lay-thumbnailgrid-filter-anchor:hover {
background-color: #1F54FF;
color: white;
line-height: 1em;
border: 3px solid;
border-radius: 20em;
padding: 0.25em 0.5em 0.4em 0.5em;
}
.lay-thumbnailgrid-filter-anchor.lay-filter-active {
background-color: #1F54FF;
color: white;
line-height: 1em;
border: 3px solid;
border-radius: 20em;
padding: 0.25em 0.5em 0.4em 0.5em;
}
Can you help me?
There is a way to show a mobile menu on tablet?
@arminunruh Thank you!
Hi to all.
There is a way to add a start gif or video on mouse hover?
The video is in the project thumbnail and i m using carousel addon.