Welcome to Code Forum!

Join a community that supports you and your coding journey from day one. We strive to be a friendly, supportive community that empowers everyone to be better developers. By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Search results

  1. BGB

    HTML Adding Padding to Text Block - desktop only

    This is what I understand since you did not mentioned your layout. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Center</title> </head> <body> <div class="main" style="width:100%; height:100vh;display:flex; justify-content:center; align-items:center">...
  2. BGB

    HTML Show Less

    I wanted to tell you to contact a developer. So problem is solved 🤓
  3. BGB

    HTML Show Less

    On your each update you are changing your code. Replace the below code and see if it works. <header class="woocommerce-products-header"> <h1 class="woocommerce-products-header__title page-title">Dining</h1> <div class="term-description"> <p><span...
  4. BGB

    HTML Show Less

    Change a tag and div to this - <a style="cursor: pointer" id="collapsible-article-toggle" onclick="myFunction()">Show More</a> <div id="collapsible-article" style="display: none; height: auto;width: 100%;overflow: hidden;margin-bottom: 25px">
  5. BGB

    HTML Show Less

    Change your a tag and div with the code that I have posted before. Than paste the script below that closing div tag. If you will not call the function in your a tag than how will the script will work.
  6. BGB

    HTML Show Less

    Before you add the script, just tell me where is the closing div of id collapsible-article? Take screenshot and paste the image. Don't forget to mark the closing div tag.
  7. BGB

    HTML Show Less

    Cut the script from there and paste that below the collapsible-article div. Like below - <a style="cursor: pointer" id="collapsible-article-toggle" onclick="myFunction()">Show More</a></span></p> <div id="collapsible-article" style="display: none; height: auto;width: 100%;overflow...
  8. BGB

    HTML I want to add a gif after the end of countdown timer....

    Is this what you want - <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Gif After Countdown</title> <style> .main {...
  9. BGB

    HTML Show Less

    Search for the id -
  10. BGB

    HTML Show Less

    Don't change anything. Just change the a tag with id collapsible-article-toggle and the div with id collapsible-article than add the script below collapsible-article id div.
  11. BGB

    HTML Show Less

    I added the script below collapsible-article id. <div id="collapsible-article" style="display: none; height: auto;width: 100%;overflow: hidden;margin-bottom: 25px"> <!-- other code(s) --> </div> <script> var show_button = document.getElementById("collapsible-article-toggle"); var...
  12. BGB

    HTML Show Less

    This code. You can also see in video.
  13. BGB

    HTML Show Less

    See the attached video.
  14. BGB

    HTML Show Less

    Which part you actually want to hide? I have already tried the code I have posted above. It will hide all the texts below Show More button and above your product listings. Capture screen shot of your page and mark the parts which you want to hide/show and post the image.
  15. BGB

    HTML Show Less

    I think you have deleted the script that makes it visible or hidden. You can check the previous code which was working. Or try to change this html - <a style="cursor: pointer" id="collapsible-article-toggle" onclick="myFunction()">Show More</a></span></p> <div id="collapsible-article"...
  16. BGB

    CSS Help needed to move content to fill white spaces on the left

    I don't understand anything. Could you please explain a little bit clearly what you want?
  17. BGB

    HTML & CSS how to add Animated sliding Arrow after Grid box Title

    You already have the code, just add it. And after that if you still stuck and get confused, just paste the whole code, html and css, we will try to solve it.
  18. BGB

    HTML Help with paths

    This is url link not server folder path 😄
  19. BGB

    HTML & CSS moving text and embeded video

    I just designed it what I could understand. You can change it as you want. Don't put you code outside html tag. HTML - <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>...
  20. BGB

    Hello everybody.

    Welcome to the CF Lalremruata.
Back
Top Bottom