UPG Cordial Project, with Breadcrumbs 'custom component'

HI guys, I am pleased to announce the release of the CORDIAL template for Elements.

This project follows the positive reception of its predecessor, the CORDIAL theme for Rapidweaver Classic. Due to user requests for a version compatible with Elements, this new template has been developed!

While it maintains the identical, proven layout and visual style of the original, CORDIAL for Elements is a new product built specifically for the Elements framework. It offers a significantly expanded set of customization options and has been engineered to facilitate a more efficient and straightforward workflow.

Project pages:

Home, Pages, Team, Contact, Titles, Portfolio, Gallery, Prices, Helps, Dark ( dark mode simulation) and ā€˜Starter Page’, your starting point to launch your website. Plus two technical pages and term & Privacy

The template is now available in the markertplace

Check out the live preview to see it in action!

Here a coupon 20%Off for community members

cordialreborn68320

Thanks!

4 Likes

Congrats on the launch, seems like you’re really getting to grips with Elements now :flexed_biceps:

Keep up the good work :blush:

Elements has been a fantastic discovery, offering a wide array of animation tools that feel familiar and powerful :open_mouth:

I find Elements’ good tools, allowing me to create some things I previously achieved with specialized HTML software. It’s far more than a site builder.

more to come :slight_smile:

Your music for the Regan theme was hysterical! Wishing you continued success with your new Elements themes!

1 Like

Thanks! Jeff :folded_hands:

It’s the funniest part of the job :rofl: :musical_notes: also in Cordial

1 Like

Nice theme as always, clean and crisp and love the colours too!

Paul thanks a lot! :folded_hands:

Well done :clap:t2:

Continue the great work!

1 Like

Posted to a new topic prior to seeing your post here announcing Cordial. I just purchased it earlier today and cannot seem to customize it. It took an hour to remove the header video background and then once I did, it shows a photo of an office that I can’t select or remove. Even dropping a new photo in the inspector, just puts it over top of the office photo. Do you have documentation on how to edit the different components in your theme?

HI Bob, I’m sorry if you’ve wasted your time, but I’ll try to help. I assume you can’t drag images and boxes into the preview. Right?

I’ve commented on the project structure in detail so you can find what you need without touching the preview ( edit image for images, edit value for any relevant editing etc).
This applies to all projects with nested elements. Touching elements or dragging and dropping is convenient, but it’s not always precise.
If I’m not mistaken, the problem is finding the right element, and you can search for it by name.

open the page and Find ā€œeditā€ or ā€œedit imageā€ see the picture

There are no specific instructions for the project. It’s made with the standard Elements tools, but some elements are nested.

This is not a rule for my project, but for any nested structure that contains absolutely positioned elements (and this is a limitation in WYSIWYG editing) and it is also valid for absolutely positioned text, it becomes difficult to edit it in the preview but Elements offers alternative (and more precise) tools

If you need help, send me a PM too

let me know!

____

@dan access to nested elements in absolute positions can be improved? including nested text in absolute positions. I’m playing around a lot with complex animations but if I use multiple text layers in absolute position to change the content I have to move them out temporarily, it’s not a problem but it’s not intuitive.Any tools that allow editing without touching the text box in the WYSIWYG preview are welcome. :folded_hands:

Thank you for the very detailed response. I apologize if I came off as a little gruff. I was just a little frustrated. You do beautiful work. I’m just not a coder so I like being able to just click, drag, drop, etc. I will try your suggestion and circle back if I have any questions. Thanks again.

Bob Thanks, let’s say that to work on professional projects, you also need to use the tree, and sometimes the preview isn’t enough. It’s also an opportunity for me to understand how to improve the project, and for RMS to improve the management of elements in preview (if nested).

In any case, you don’t need to be a programmer :grinning_face_with_smiling_eyes: ; just use the native Elements tools :high_voltage:

If you need help, let me know!

I’m seeing the benefit of the ā€œtreeā€. I’ve gotten so used to working in Classic and Foundry 3 that I need to set that aside and really dig into Elements. I’m grateful for how helpful and responsive you and other developers are to folks like me. If I have more questions as I work on the project and will circle back. Thanks again.

Bob thanks a lot, I will add some tips on how to use the project directly in the demos and I will make a more detailed guide on my site.

Upgrade V1.0.2

Improved all Built-In ā€œCustom Componentsā€, now every component provides a control panel where you can easily fine-tune its settings.

More details here

Cordial Scripts: Parallax + Animation classes for Modal
Standalone Custom Components: Four scripts ready to use in any project.

Each component includes its own easy-to-use options panel, giving you more flexibility and control.

Core project + Progress Bar + Privacy Pop-Up + Fade-In Body + Back to Top Button.

BTW: Customers have already received the email with the update and instructions to upgrade their components. For any questions, feel free to contact me.

Here a coupon 20%Off for community members

cordialreborn68320

Thanks!

1 Like

Upgrade V1.0.3

Added Breadcrumbs ā€œCustom Componentsā€,


cordial

Options:
Home Icon:
The Home icon changes thickness, size and position, Turn On /Off
Home Label:
Set the starting point text (e.g. ā€œHomeā€ or ā€œWonderā€).
Path Offset:
Choose which URL level starts your breadcrumb. skip top folders with ease. From Root to Level5.
Exclude URL Levels:
Hide specific folders or pages (e.g. menu, categories) from the path.
This option is perfect if you’re planning a multi-site site and want the breadcrumb to show the common root.
Typography:
Set font, size, weight, spacing, and case for perfect readability.
Colors:
Color for breadcrumb links and separators.
Separator:
Pick from different symbols / & ›
More details here

āœ“ Works in any project — just drop it in, no setup needed.

Available in the Marketplace

BTW: Customers have already received the email with the update and instructions to upgrade their components. For any questions, feel free to contact me.


This project is curretly in promo

thanks!