marcD-6
Fils de soutien créés au cours des 30 derniers jours : 0
Sujets de forum favoris
This user has no favorite topics.
Sujets de forum créés
| Status | Topic | Supporter | Voix | Publications | Nouveauté |
|---|---|---|---|---|---|
|
Mobile Images Won't Align to Center
Commencé par : marcD-6 in: Toolset Professional Support |
|
2 | 2 | Il y a 1 year, 8 months | |
|
Hover Image
1
2
Commencé par : marcD-6
in: Toolset Professional Support
Problem: The customer is experiencing an issue on their portfolio page where the hover image is not displaying correctly. Instead of appearing over the tile-image-logo on hover, it appears below it. The images were added using image blocks with dynamic sources and dynamic links, and custom CSS was applied to create a hover effect. Solution: We suggested using a different approach for implementing the hover effect in WordPress, given that the example provided by the customer used a different page builder. We provided a demo created with Toolset to illustrate a similar hover effect using two custom fields for the images. The solution involved using specific CSS classes (front-image and back-image) to control the visibility of the images on hover. The CSS was applied directly to the page using an HTML block to achieve the desired effect:
<style>
#wpv-view-layout-1204 .tb-grid-column {
position: relative;
aspect-ratio: 1 / 1;
overflow: hidden;
}
#wpv-view-layout-1204 .tb-grid-column figure {
position: relative;
margin: 0;
width: 100%;
height: 100%;
}
#wpv-view-layout-1204 .tb-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
#wpv-view-layout-1204 figure.front-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
#wpv-view-layout-1204 .tb-grid-column:hover figure.front-image {
opacity: 1;
}
</style>
In the output of the View the back image is added first and the front image second (so the front image will cover the back image). Please note that for this hover effect to work, the CSS targets the front image using a specific class ('front-image'), which you need to add in the View settings (please check the screenshot bellow). |
|
3 | 16 | Il y a 1 year, 8 months | |
|
Move Next Pagination Button to Right Side of Page
Commencé par : marcD-6
in: Toolset Professional Support
Problem: The customer wanted to move the "Next" pagination button to the right side of the page on their "Homepage - Testimonial Slider." Solution: We provided a custom CSS code to align the "Next" button to the right side. The code was added to the theme's customizer, ensuring the "Next" button appears on the right even on the first slider.
.wpv-pagination-previous-next-buttons {
display: flex;
justify-content: flex-end;
}
.wpv-pagination-previous-next-buttons .wpv-filter-previous-link + .wpv-filter-next-link {
margin-left: auto;
}
.wpv-pagination-previous-next-buttons .wpv-filter-next-link:not(.wpv-filter-previous-link + .wpv-filter-next-link) {
margin-left: auto;
}
|
|
2 | 5 | Il y a 1 year, 8 months | |
|
Pagination Not Working
Commencé par : marcD-6
in: Toolset Professional Support
Problem: The pagination controls in the "News - Homepage Slider" view are not working. The arrows are displaying but are not linked to anything. Solution: The issue appears to be due to the view generating only one slide, which is why the pagination controls aren't functioning. Adjust the filter in the view to include more than one item, and check if the pagination starts working correctly. |
|
2 | 2 | Il y a 1 year, 8 months | |
|
Sorting Filter for Checkbox Items
Commencé par : marcD-6 in: Toolset Professional Support |
2 | 3 | Il y a 1 year, 8 months | ||
|
Sorting Filter for Checklist Options
Commencé par : marcD-6 in: Toolset Professional Support |
2 | 2 | Il y a 1 year, 8 months |