Hi Garth,
In the latest release, they added “Allow All Items To Be Closed”
Did you try this feature ?
Here the reponse
Hello!
Currently there is no option to close the first item on the Accordion in Visual Builder, I’ve passed the request to the development team so they can implement it on a future update.
In the mean time, I can make it load closed, I will need to modify the element, to do so please provide FTP credentials and a username (with superuser privileges) and password so that we may take a look at your site. Please use the Site Details tab, this way only support staff can have access to it.
Thanks!
Quix js libraries based on UIKIT3, by default uikit itself support the feature closed, I have no idea why they didn’t support it. Our extra add-ons already supported this feature 🙂
For this case, I can help you modify the Quix element to add this feature for you. Please submit a private ticket here https://warptheme.com/member-area/ticket-system/
Hi Garth,
Did you enable the compile less to css feature ? See https://imgur.com/qyKIyzs
NOTE: The color preset like background color used for Boxed layout. If you use wide layout, you can not see the background color appear.
NOTE2: If you use quix to build the pages, the background color and text color is not applied, you need to set the background color and text color via Quix for each section.
Hi Miguel,
Yes, I see your are using Enterprise version 1.x that based on Warp7. I will create a test in local and let you know soon.
Hi Garth,
SURE, please submit a private ticket here https://warptheme.com/member-area/ticket-system/
I will provide the latest extensions for you to update 🙂
Thank you
Hi Diana,
Could you please submit a private ticket here https://warptheme.com/member-area/ticket-system/ with site info so I can take a look on it ?
Thank you
“1.- I’m not able to customize the text that appears into the search box, it always shows “Search…”. I’ve tried changing configuration in “Modules > Search” but it won’t do anything.”
Did you try to change the Box Text for search module before?
“2.- When I make a test searching, since the search box is located in the “search” position, the results that appear before hitting Enter aren’t correctly displayed; part of the text is cut by the right margin of the site.”
Can I take a look the site to check ? I tested the site in local but didn’t face the same issue.
You’re welcome
Please give a try with
.feedback .row:nth-of-type(4) .pivot::after {
height: 170px;
}
.feedback .row:nth-of-type(3) .pivot::after {
height: 350px;
}
.feedback .row:nth-of-type(4) .comment::after {
position: absolute;
top: 30;
left: auto;
right: -10px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.feedback .row:nth-of-type(4) .person {
margin-left: 50px;
}
.feedback .row:nth-of-type(4) .person h3 {
text-align: left;
}
.feedback .row:nth-of-type(4) .comment {
margin: 20px 60px 40px 0;
}
Its a problem with your padding settings for the element, see https://imgur.com/g45URuM
You can click the “laptop” icon to change/remove the padding for mobile/tablet devices to solve the issue with login form
Your code is correct, however, we need to add custom css code for the last comment row, like this
.feedback .row:nth-of-type(4) .pivot::after {
height: 170px;
}
.feedback .row:nth-of-type(4) .comment::after {
position: absolute;
top: 30;
left: auto;
right: -10px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.feedback .row:nth-of-type(4) .person {
margin-left: 50px;
}
.feedback .row:nth-of-type(4) .person h3 {
text-align: left;
}
.feedback .row:nth-of-type(4) .comment {
margin: 20px 60px 40px 0;
}
just add to custom.css file.
Next time, please submit the question via ticket system
Quix does not support adding custom icon, for this case please wait for the update so they can implement fontawesome 5
“I’m a beginner at creating websites. As at the support via email nobody is responding since one week, I try it this way.”
Next time please submit technical questions via our ticket system https://warptheme.com/member-area/ticket-system/
“In the middle of the page there are three pictures with a very nice animation when I hoover them. Where can I find those animations?”
They are css animation, here the full css transition
.gallery-section {
position: relative;
}
.gallery-section .row {
margin: 0px 5px;
}
.gallery-section .column {
padding: 0px 5px;
}
.gallery-block {
position: relative;
margin-bottom: 24px;
}
.gallery-block .inner-box {
position: relative;
overflow: hidden;
}
.gallery-block .inner-box .image .overlay-layer {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
z-index: 1;
opacity: 0;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
background-color: rgba(0,0,0,0.8);
}
.gallery-block .inner-box:hover .image .overlay-layer {
opacity: 1;
}
.gallery-block .inner-box:hover .image img {
transform: scale(1.5,1.5) rotate(15deg);
-webkit-transform: scale(1.5,1.5) rotate(10deg);
-moz-transform: scale(1.5,1.5) rotate(10deg);
-o-transform: scale(1.5,1.5) rotate(10deg);
}
.gallery-block .inner-box .image {
position: relative;
}
.gallery-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
-webkit-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
-moz-transition: all 800ms ease;
transition: all 800ms ease;
}
.gallery-block .inner-box .image .content {
position: absolute;
left: 25px;
top: 25px;
z-index: 2;
}
.gallery-block .inner-box .image .content .text {
position: relative;
font-size: 11px;
font-weight: 700;
letter-spacing: 1px;
font-family: 'Montserrat', sans-serif;
}
.gallery-block .inner-box .image .content .text a {
color: #ffffff;
}
“If I copy that raw with the picture in the quick page, I can’t change the picture. Where is it located?”
Pictures are located at Joomla media folder (images), the full patch is joomla-root/images/warptheme/gallery/1.jpg
You can upload images to joomla-root/images/ then linking to the images
“At the end I just wann recreate the same effect: rotating the picture within the picture, as a mask, without the whole picture is rotating (not sure I made it clear enough)”
Could you please explain a little bit ?
Just add the css code below
@media (max-width: 768px) {
.acymailing_module_form td {
display: inline-block;
}
}
@media (max-width: 767px) {
.acymailing_fulldiv tr, .acymailing_fulldiv td {
padding: 0 !important;
}
}
into custom.css file.
About login form, I couldn’t see it, where’s it ?
Hi Adam,
Could you please give me the site to take a look ?
Thank you