Need to add custom CSS Class for some controls like section, columns, buttons etc

Web IT Solutions LLP
378 Posts
Web IT Solutions LLP posted this 17 October 2017

Dear Sir,

Important,

I like to add some animation to section sections, columns, section, buttons etc. Could you please let us know how ???

Your already refered URL - https://answers.themler.io/questions/108005/add-css-class-and-id-to-containers

I didnt unserstand your point which says as below, can you eleborte step by step how to overirde the existing class of Themler for specific section.

-------------------------------Your Point Starts----------------------------------------
Hi,

Now it is possible for the Section only. But actually each element has the unique class name already. To see it, use the inspect element feature in your browser. Then you can add that CSS code under the Home >> Settings >> Additional CSS.

Sincerely,
Hella
-------------------------------Your Point Ends----------------------------------------

I like to implement the animatio of the same - http://ianlunn.github.io/Hover/

Kindly requesting your assistance pleae...

Waiting for your valuable reply,

Thanks & Regards
Suffian Ahmed

Dear Sir, Important, I like to add some animation to section sections, columns, section, buttons etc. Could you please let us know how ??? Your already refered URL - https://answers.themler.io/questions/108005/add-css-class-and-id-to-containers I didnt unserstand your point which says as below, can you eleborte step by step how to overirde the existing class of Themler for specific section. -------------------------------Your Point Starts---------------------------------------- Hi, Now it is possible for the Section only. But actually each element has the unique class name already. To see it, use the inspect element feature in your browser. Then you can add that CSS code under the Home >> Settings >> Additional CSS. Sincerely, Hella -------------------------------Your Point Ends---------------------------------------- I like to implement the animatio of the same - http://ianlunn.github.io/Hover/ Kindly requesting your assistance pleae... Waiting for your valuable reply, Thanks & Regards Suffian Ahmed
Vote to pay developers attention to this features or issue.
41 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 30 October 2017

Hi,

Sorry for the delay in responding. As far as I remember, you had some similar case regarding adding the animation to some specific element and you have succeeded in that task. Please let me know if you need any further help with this.

Sincerely,
Hella

Hi, Sorry for the delay in responding. As far as I remember, you had some similar case regarding adding the animation to some specific element and you have succeeded in that task. Please let me know if you need any further help with this. Sincerely, Hella
Web IT Solutions LLP
378 Posts
Web IT Solutions LLP posted this 30 October 2017

Dear Hella,

Yes, you are right.

But i need your support regarding <img thing... how to add static images from my own projects. the senerio as i told you earlier. the same we are listing again below, please read my issue below, actually i have some css animations for images, like hover effects. the image><img tag will always supports dynamic path in html control and as you said we know its not supported. but, still i am looking for some solutions like i will keep one page lets says upload.html under main menu. in that upload.html page i will add some image lets named as (file name of .jpg file) image1.jpg & image2.jpg. in><img html tag the src path shell we give the dynamic value as "~/image1.jpg" or "/images/image1.jpg" or at final the dynamic full published path as "http://www.domainname.com/images/image1.jpg&quot; but, the dynamic relative path once published every image under "images" folder will append some dynamic key values to all file names which we could not figure it. ex. bc68e7bd2e2555914d33643255f41ee4_image1.jpg we need some solutions to trick the above request. we have implemented some hover animations for testing purpose, i will share the live link http://naorangdawakhana.com/more/load.html the above page load.html has some html controls, in which we have added some><div html script. in which we are pointing dynamic .jpg image path from live domain. but we like some alternative for the same as requested above. sanple code as below, html script. in which we are pointing dynamic .jpg image path from live domain. but we like some alternative for the same as requested above. sample url in which we have updated dynamic full path .jpg image file in html control. but, instead we like to add the></div><img src images from our own projects uploaded one.

sample website page for your reference - http://naorangdawakhana.com/more/load.html

please suggest some alternative solution for the same.

regards
suffian ahmed
src images from our own projects uploaded one. sample website page for your reference - http://naorangdawakhana.com/more/load.html please suggest some alternative solution for the same. regards suffian ahmed
src images from our own projects uploaded one. sample website page for your reference - http://naorangdawakhana.com/more/load.html please suggest some alternative solution for the same. regards suffian ahmed src images from our own projects uploaded one. sample website page for your reference - http://naorangdawakhana.com/more/load.html please suggest some alternative solution for the same. regards suffian ahmed

Dear Hella, Yes, you are right. But i need your support regarding &lt;img thing... how to add static images from my own projects. the senerio as i told you earlier. the same we are listing again below, please read my issue below, actually i have some css animations for images, like hover effects. the image&gt;&lt;img tag will always supports dynamic path in html control and as you said we know its not supported. but, still i am looking for some solutions like i will keep one page lets says upload.html under main menu. in that upload.html page i will add some image lets named as (file name of .jpg file) image1.jpg &amp; image2.jpg. in&gt;&lt;img html tag the src path shell we give the dynamic value as &quot;~/image1.jpg&quot; or &quot;/images/image1.jpg&quot; or at final the dynamic full published path as &quot;http://www.domainname.com/images/image1.jpg&quot; but, the dynamic relative path once published every image under &quot;images&quot; folder will append some dynamic key values to all file names which we could not figure it. ex. bc68e7bd2e2555914d33643255f41ee4_image1.jpg we need some solutions to trick the above request. we have implemented some hover animations for testing purpose, i will share the live link http://naorangdawakhana.com/more/load.html the above page load.html has some html controls, in which we have added some&gt;&lt;div html script. in which we are pointing dynamic .jpg image path from live domain. but we like some alternative for the same as requested above. sanple code as below, html script. in which we are pointing dynamic .jpg image path from live domain. but we like some alternative for the same as requested above. sample url in which we have updated dynamic full path .jpg image file in html control. but, instead we like to add the&gt;&lt;/div&gt;&lt;img src images from our own projects uploaded one. sample website page for your reference - http://naorangdawakhana.com/more/load.html please suggest some alternative solution for the same. regards suffian ahmed src images from our own projects uploaded one. sample website page for your reference - http://naorangdawakhana.com/more/load.html please suggest some alternative solution for the same. regards suffian ahmed src images from our own projects uploaded one. sample website page for your reference - http://naorangdawakhana.com/more/load.html please suggest some alternative solution for the same. regards suffian ahmed src images from our own projects uploaded one. sample website page for your reference - http://naorangdawakhana.com/more/load.html please suggest some alternative solution for the same. regards suffian ahmed
Support Team
Support Team posted this 31 October 2017

Hi,

The default Themler functionality cannot be changed. Themler renames images when uploads them. This functionality cannot be changed. There is no solution.

If you already have uploaded image to the server you can call it in the HTML control:
<img src="/images/about.png" alt="">
In this case Themler does not upload image and does not rename it, as the result. In this case HTML control uses EXISTING image. You just need to specify valid path to this image (absolute or relative).

So, the solution is to manually upload images and use HTML controls to show these images. In this case Themler will not affect image names.

Thank you,
Olivia

Hi, The default Themler functionality cannot be changed. Themler renames images when uploads them. This functionality cannot be changed. There is no solution. If you already have uploaded image to the server you can call it in the HTML control: `<img src="/images/about.png" alt="">` In this case Themler does not upload image and does not rename it, as the result. In this case HTML control uses EXISTING image. You just need to specify valid path to this image (absolute or relative). So, the solution is to manually upload images and use HTML controls to show these images. In this case Themler will not affect image names. Thank you, Olivia
Web IT Solutions LLP
378 Posts
Web IT Solutions LLP posted this 31 October 2017

Is there any way to fix this by uploading to the local project HTML Themler Source File itself with out uploading to server... ?

Regards
Suffian Ahmed

Is there any way to fix this by uploading to the local project HTML Themler Source File itself with out uploading to server... ? Regards Suffian Ahmed
Web IT Solutions LLP
378 Posts
Web IT Solutions LLP posted this 31 October 2017

Dear Olivia,

We know the images rename file name once we export the project, we have implemented as below,

<img src="../assets/images/1411b2446a4a20522572b05a0906b7d4_Skin.jpg" alt="Smiley face">

Above trick is working i think so. We are gettingi the result. We have added the skin.jpg image in the same page (will check in different page and different main & sub menu page) and exported the HTML Project once.. As we exported the project it will build the image file path under "assets" folder with new image name which is renamed as 1411b2446a4a20522572b05a0906b7d4_Skin.jpg and as we refresh the project WOW the added image is appering in the above script HTML Control Successfully.

Note: On every export the image name will be same as 1411b2446a4a20522572b05a0906b7d4_Skin.jpg

Kindly find the screenshop attached. Hope this senerio in my case works with out any trouble. This is with out uploading the images to server and pointing the absolute path like ex. www.domainname.com/images/image1.jpg

Need your assistance on the same ASAP. Waiting for your valuable reply.

Regards
Suffian Ahmed

Dear Olivia, We know the images rename file name once we export the project, we have implemented as below, <img src="../assets/images/1411b2446a4a20522572b05a0906b7d4_Skin.jpg" alt="Smiley face"> Above trick is working i think so. We are gettingi the result. We have added the skin.jpg image in the same page (will check in different page and different main & sub menu page) and exported the HTML Project once.. As we exported the project it will build the image file path under "assets" folder with new image name which is renamed as 1411b2446a4a20522572b05a0906b7d4_Skin.jpg and as we refresh the project WOW the added image is appering in the above script HTML Control Successfully. Note: On every export the image name will be same as 1411b2446a4a20522572b05a0906b7d4_Skin.jpg Kindly find the screenshop attached. Hope this senerio in my case works with out any trouble. This is with out uploading the images to server and pointing the absolute path like ex. www.domainname.com/images/image1.jpg Need your assistance on the same ASAP. Waiting for your valuable reply. Regards Suffian Ahmed
Web IT Solutions LLP
378 Posts
Web IT Solutions LLP posted this 31 October 2017

One more point i like to add it. the above img tag script with relative path of the image showing in the themler project at the time of designing only if the page is in main menu (if the page is moved to sub menu then the images are not reflecting in the design at the time of development).

script with relative path of the image showing in the themler project at the time of designing only if the page is in main menu (if the page is moved to sub menu then the images are not reflecting in the design at the time of development).

<img src="../assets/images/1411b2446a4a20522572b05a0906b7d4_Skin.jpg" alt="Smiley face">

If Load page keepet under sub menu Click -> Load then images are not reflecting in the development area. Images are reflecting to the img tag under html control. it is saved and exported one time. the images are exported to assets/images folder and its picking directely in design environment.

see the images for your reference. with main page and with sub child page screen shot attached.

And, after exporting the HTML Projects the reverse order its showing. I mean in the main page its missing since we have used ../ the images are not reflecting in the page at the time time after exporting the projects (load.html file). Why ???

need your clarification on the same asap. why ???

regards
suffian ahmed

One more point i like to add it. the above img tag script with relative path of the image showing in the themler project at the time of designing only if the page is in main menu (if the page is moved to sub menu then the images are not reflecting in the design at the time of development). script with relative path of the image showing in the themler project at the time of designing only if the page is in main menu (if the page is moved to sub menu then the images are not reflecting in the design at the time of development). <img src="../assets/images/1411b2446a4a20522572b05a0906b7d4_Skin.jpg" alt="Smiley face"> If Load page keepet under sub menu Click -> Load then images are not reflecting in the development area. Images are reflecting to the img tag under html control. it is saved and exported one time. the images are exported to assets/images folder and its picking directely in design environment. see the images for your reference. with main page and with sub child page screen shot attached. And, after exporting the HTML Projects the reverse order its showing. I mean in the main page its missing since we have used ../ the images are not reflecting in the page at the time time after exporting the projects (load.html file). Why ??? need your clarification on the same asap. why ??? regards suffian ahmed

Last edited 31 October 2017 by Web IT Solutions LLP

Web IT Solutions LLP
378 Posts
Web IT Solutions LLP posted this 31 October 2017

After publishing the page under hosting LIVE its working fine. But, its failing when we run the file under our browser from the exported project path.

http://naorangdawakhana.com/load.html

Find the attachment screenshot (online & offline page run) for clarification. Sorry for multiple tickets and request & inconvinceces from our end.

Regards
Suffian Ahmed

After publishing the page under hosting LIVE its working fine. But, its failing when we run the file under our browser from the exported project path. http://naorangdawakhana.com/load.html Find the attachment screenshot (online & offline page run) for clarification. Sorry for multiple tickets and request & inconvinceces from our end. Regards Suffian Ahmed
latincary
1 Posts
latincary posted this 10 August 2023

Have you ever taken our assignment, "Need assignment help online"? We are aware that your on-line education has taken a whole lot of your money and time, and you do not want to do poorly. If you're a pupil attending courses on-line to make your self more snug and want to make sure you acquire high marks, rent a person to help with assignments. The first stage is to choose the finest online tutor and come to an agreement on a price; the next step is to send the vendor the remaining portion of the agreed-upon money. The specialist will be alerted when you pay and start preparing for your exams and classes so they can deliver you high-quality results on schedule.

Have you ever taken our assignment, "[**Need assignment help online**][1]"? We are aware that your on-line education has taken a whole lot of your money and time, and you do not want to do poorly. If you're a pupil attending courses on-line to make your self more snug and want to make sure you acquire high marks, rent a person to help with assignments. The first stage is to choose the finest online tutor and come to an agreement on a price; the next step is to send the vendor the remaining portion of the agreed-upon money. The specialist will be alerted when you pay and start preparing for your exams and classes so they can deliver you high-quality results on schedule. [1]: https://allassignmentsupport.com/
daisyjones248
1 Posts
daisyjones248 posted this 28 February 2024

Customizing CSS classes for various controls such as sections, columns, and buttons can significantly improve website looks. It offers the personal touch that makes a website stand out. I recently worked on a project where this functionality came in handy, and it had a huge impact on the entire design. On a slightly separate issue, if you need help with your dissertation, I highly recommend checking out Dissertation Help Online. They've been a lifeline for me throughout my academic career. Their expertise and advice are exceptional, resulting in an easier and more successful dissertation experience.

Customizing CSS classes for various controls such as sections, columns, and buttons can significantly improve website looks. It offers the personal touch that makes a website stand out. I recently worked on a project where this functionality came in handy, and it had a huge impact on the entire design. On a slightly separate issue, if you need help with your dissertation, I highly recommend checking out [Dissertation Help Online][1]. They've been a lifeline for me throughout my academic career. Their expertise and advice are exceptional, resulting in an easier and more successful dissertation experience. [1]: https://dissertationwritinghelp.uk/

Last edited 28 February 2024 by daisyjones248

oli45641
2 Posts
oli45641 posted this 04 March 2024

to those who don’t. Study apps are always there to save you whether your concern is productivity, time-management or anything else! In a nutshell, student university apps can enable you to confront the following challenges dissertation help Online UK

to those who don’t. Study apps are always there to save you whether your concern is productivity, time-management or anything else! In a nutshell, student university apps can enable you to confront the following challenges [dissertation help Online UK ][1] [1]: https://www.brilliantwriters.co.uk/services/dissertation-writing
Aliciajohn
4 Posts
Aliciajohn posted this 08 March 2024

assignment, and dissertation writing help., Dissertation Writing Help allows students to hire an expert academic writer if students need assignment, thesis, dissertation, and essay writing help at an affordable price dissertation services uk Online

assignment, and dissertation writing help., Dissertation Writing Help allows students to hire an expert academic writer if students need assignment, thesis, dissertation, and essay writing help at an affordable price [dissertation services uk Online][1] [1]: https://www.expertwriters.co.uk/dissertation-writing-service

Last edited 08 March 2024 by Aliciajohn

marshakaplan1
1 Posts
marshakaplan1 posted this 24 March 2024

In customizing website elements, like section columns or buttons, the need to add custom CSS classes is crucial for precise styling. Just as in crafting tailored solutions, like assignment writing sevrice UK, specificity ensures effectiveness and a seamless user experience.

In customizing website elements, like section columns or buttons, the need to add custom CSS classes is crucial for precise styling. Just as in crafting tailored solutions, like [assignment writing sevrice UK][1], specificity ensures effectiveness and a seamless user experience. [1]: https://www.assignmentuk.co.uk/
oli45641
2 Posts
oli45641 posted this 27 March 2024

An essential way to deal with computerized showcasing guarantees that assets are put resources into the best channels and missions. By observing and advancing execution through SEMrush information online dissertation help

An essential way to deal with computerized showcasing guarantees that assets are put resources into the best channels and missions. By observing and advancing execution through SEMrush information [online dissertation help][1] [1]: https://www.hireresearchers.co.uk/buy-dissertation-online
alexaandr884
1 Posts
alexaandr884 posted this 19 April 2024

he high temperatures during the day, the evenings can be cold and moths can be seen flying around in various markets, such as those selling sewing fabrics, home decor, and gifts. Moths are known Quality assignment writing services uk

he high temperatures during the day, the evenings can be cold and moths can be seen flying around in various markets, such as those selling sewing fabrics, home decor, and gifts. Moths are known [Quality assignment writing services uk][1] [1]: https://www.britainwriters.co.uk/service/assignment-writing
Aliciajohn
4 Posts
Aliciajohn posted this 29 April 2024

technical terms from my best friend who is a computer engineer and all these complicated words and pictures make me feel as if that is so alien thing. I work Custom Dissertation Writing Services

technical terms from my best friend who is a computer engineer and all these complicated words and pictures make me feel as if that is so alien thing. I work [Custom Dissertation Writing Services][1] [1]: https://www.expertwriters.hk/writing/dissertation-help
Jackdaniell12
1 Posts
Jackdaniell12 posted this 17 June 2024

Adding custom CSS classes for controls like sections, columns, and buttons allows for unique styling and design customization. For academic tasks like this, consider utilizing cheap dissertation writing services, which offer expert assistance at affordable rates, ensuring your requirements are met without exceeding your budget.

Adding custom CSS classes for controls like sections, columns, and buttons allows for unique styling and design customization. For academic tasks like this, consider utilizing [cheap dissertation writing services,][1] which offer expert assistance at affordable rates, ensuring your requirements are met without exceeding your budget. [1]: https://dissertationproposals.co.uk/dissertation-writing-service/
hazelstarg
1 Posts
hazelstarg posted this 22 June 2024

Writing a graduate-level dissertation is a monumental challenge. Breathe easy - let the native PhD writers from My Assignment Help lift that burden off your shoulders. Get an expertly crafted, plagiarism-free dissertation that meets all academic standards guaranteed. With 24/7 live support available at your fingertips, you'll have help whenever you need it. If you're not 100% satisfied, you'll get a full refund - no questions asked. And you won't have to break the bank, because their prices are the best in the industry. Relax and let My Assignment Help deliver the dissertation you need to take that final step toward your degree.

Writing a graduate-level dissertation is a monumental challenge. Breathe easy - let the native PhD writers from My Assignment Help lift that burden off your shoulders. Get an expertly crafted, plagiarism-free dissertation that meets all academic standards guaranteed. With 24/7 live support available at your fingertips, you'll have help whenever you need it. If you're not 100% satisfied, you'll get a full refund - no questions asked. And you won't have to break the bank, because their prices are the best in the industry. Relax and let [My Assignment Help][1] deliver the dissertation you need to take that final step toward your degree. [1]: https://globalassignmentexpert.com/uk
faisalaftab
1 Posts
faisalaftab posted this 24 June 2024

Wow, the ability to add custom CSS classes for controls like sections, columns, and buttons is great! As investors in Pakistan, understanding these customisation options can enhance the user experience and functionality of digital platforms.

Wow, the ability to add custom CSS classes for controls like sections, columns, and buttons is great! As [investors in Pakistan][1], understanding these customisation options can enhance the user experience and functionality of digital platforms. [1]: https://www.faisalaftab.com/
zayn.venturecapital
1 Posts
zayn.venturecapital posted this 24 June 2024

Wow, this is great! Adding custom CSS classes for controls like sections, columns, and buttons can really enhance your design. Just like how VC firms in Pakistan tailor their investments for optimal results, custom CSS lets you fine-tune your website for a unique and professional look.

Wow, this is great! Adding custom CSS classes for controls like sections, columns, and buttons can really enhance your design. Just like how [VC firms in Pakistan][1] tailor their investments for optimal results, custom CSS lets you fine-tune your website for a unique and professional look. [1]: https://www.zayn.vc/
terac79079
1 Posts
terac79079 posted this 19 September 2024

To add a custom CSS class for controls like sections and columns in your project, you can typically use the settings panel of your design tool. Look for an option labeled "Advanced" or "CSS Class" in the control's settings. By entering your custom class name, you can easily style these elements with your own CSS rules, ensuring a unique design that aligns with your branding. Additionally, make sure to test your styles across different devices to maintain consistency. Remember, creating a cohesive design is crucial, especially as we look forward to the 11 results date 2024, where you'll want your project to stand out effectively.

To add a custom CSS class for controls like sections and columns in your project, you can typically use the settings panel of your design tool. Look for an option labeled "Advanced" or "CSS Class" in the control's settings. By entering your custom class name, you can easily style these elements with your own CSS rules, ensuring a unique design that aligns with your branding. Additionally, make sure to test your styles across different devices to maintain consistency. Remember, creating a cohesive design is crucial, especially as we look forward to the [11 results date 2024][1], where you'll want your project to stand out effectively. [1]: https://11thclassresult.com/
You must log in or register to leave comments