Jump to content

newcoder1010

Members
  • Posts

    493
  • Joined

  • Last visited

Everything posted by newcoder1010

  1. Thank you! I will give a try with the JS code.
  2. Hello, <div class="field--item"><a href="http://example.com" target="_blank">http://example.com</a></div> I will have many links like that. Is there way I can replace the link with "visit website"? So instead of displaying http://example.com as a link, I like to display "visit website" as a link which will redirect to the website. Thanks!
  3. Hello, <div class = "col-sm-4 col-xs-12 col-lg-4 col-md-4 col-sm-1 col-md-2"> doc </div> How can I style all of the class names with * so I do not have to individually write all of these? For example, I could style it like .col-sm-4, .col-xs-12 .col-lg-4 .col-md-4 .col-sm-1 .col-md-2{ color: red; } Instead, can I style these like that? But its not working for me. .col-*{ color:red; } Thanks!
  4. Thanks! I thought it can also be done with css.
  5. Hello, <div class ="curve"> test </div> https://drive.google.com/file/d/1QlnPuBx2zkRS2gLCcT7fGtquBQW3ZJCy/view?usp=sharing I like to curve (top and bottom) of the div element with a background color like the image. How can I do it? Thanks!
  6. Hello, <select data-drupal-selector="edit-field-property-type-value" class="form-select form-control" id="edit-field-property-type-value" name="field_property_type_value"><option value="All" selected="selected">- Any -</option><option value="Apartment">Apartment</option><option value="Duplex">Multi-Stories Home</option><option value="Single Home">Single Home</option><option value="Town Home">Town Home</option></select> How to replace the first option "--Any --" by "-- type --"? Thank you!
  7. Hello, <select data-drupal-selector="edit-number-of-bedrooms" class="form-select required form-control" id="edit-number-of-bedrooms" name="number_of_bedrooms" required="required" aria-required="true"><option value="" selected="selected">- Select -</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option></select> option { border: 1px solid red; } It did not work. How can I style option elements? Thanks!
  8. Hello, .page-node-6 .hero .contain { background: rgb(39 108 3 / 50%); } Background color now applies to the entire .contain element equally(50%). How can I modify the styling to the background color like this: left side (about 50px) - 10% color Right side (about 20px) - 10% color between left and right - 50% color. Thanks!
  9. Its okay if I cant make it like the image. How do I put the down arrow with css?
  10. Hello, <div class ="mission"> Our Mission </div> How can I style the mission class like this: https://drive.google.com/file/d/1HlHIv_nifo3bxHr5MkvC48hzTxRXofXf/view?usp=sharing Thank you!
  11. I am struggling to put shadow to right side only like the picture. This code puts the shadow left and right. How can I apply the shadow to the right side only? box-shadow: inset -7px 0 90px -7px #d51414;
  12. Hello, How can I apply shadow to the right of an image similar to this one? https://drive.google.com/file/d/1g201H_-EJCMb6qpj3rNVejnWiyuyce7r/view?usp=sharing I tried this one but does not look as good as the above link. #example1 img{ border: 1px solid; padding: 10px; box-shadow: 5px 10px 8px 10px #888888; } Thanks!
  13. @IngolmeI do know media query. I am having the problem with the media query. Lets say I set the div width to 80% for screen size bigger than 992px. I am on my laptop which has 1334px. So it looks fine in 1334px but 80% width does not look good when screen size gets to between 992 and 1200px. As I am reducing screen, I like the width gradually increase to 90% until screen is 992px. Thanks!
  14. Hello, <div class =""> test </div> .condition-box { padding: 0px; text-align: center; width: 80%; margin: auto; } 80% width would be the normal/least width of the element. As I am reducing my screen size, I would like the div element to get bigger up to 90% width of the screen. How can I do it?
  15. Yes to match that. font-family in browser console does not show the valentine option. How do I import the font in my css file?
  16. Hello, <h2>OUR VISION</h2> h2{ text-align:center; font-size:55px; letter-spacing:0.06em; font-family: Arial,Helvetica,sans-serif; } How can I make the heading like this one I attached? Its not working for me. https://drive.google.com/file/d/11xwfFoAlU7oIzOLERUSJ48xcnS22alZk/view?usp=sharing Thanks!
  17. <span class="field-timer-jquery-countdown is-countdown" data-field-timer-key="node-7-field_countdowntest2-0-2FME63kDm44" data-timestamp="1606508506"><span class="countdown-row countdown-show3"><span class="countdown-section"><span class="countdown-amount">20</span><span class="countdown-period">Hours</span></span><span class="countdown-section"><span class="countdown-amount">19</span><span class="countdown-period">Minutes</span></span><span class="countdown-section"><span class="countdown-amount">53</span><span class="countdown-period">Seconds</span></span></span></span>
  18. This is my site. Countdown 2 - width and padding are not working for me. .countdown-section {background: #060695;margin:10px; width:100px; padding:10px;} Also, not able to centering the count down: .countdown-row {width:50%;margin: auto;}
  19. Hello, I have a count down in jQuery. However, UI does not look good. Hard to read the numbers. Because jQuery is running, I am unable to inspect it in chrome dev tool to style it. If you could help me with some styling, it would be very helpful. There are some styling being applied by the plugin but unable to inspect the stylings because element is keep changing. How can I style it to overwrite it? https://drive.google.com/file/d/14ylHEPKuG173TZUN1XmjyXfQz7MtsV9I/view?usp=sharing <div class="field-timer-jquery-countdown-led green is-countdown" data-field-timer-key="node-193-field_count_down-0-kHjxuNvghYU" data-timestamp="1606329098"><span class="jquery-countdown-led-display-wrapper"><span class="green image0"></span><span class="green image0"></span><span class="green imageDay"></span><span class="green imageSpace"></span><span class="green image1"></span><span class="green image9"></span><span class="green imageSep"></span><span class="green image1"></span><span class="green image7"></span><span class="green imageSep"></span><span class="green image4"></span><span class="green image6"></span></span></div> Thanks!
  20. Hello, String value1 = " text odt.odt File format of .odt is not valid." System.out.println(value1); I get this: Now how can I store the second line "File format of .odt is not valid." into a different variable(i.e. value2)?
  21. https://docs.google.com/document/d/19mUV6yJ6aVSmEHZm3haZi2I9PrV_BB2-s88RuaiMOfk/edit?usp=sharing
  22. Hello, HTML: <div class="col-md-6 col-lg-6 col-xs-12 col-sm-6"> <div class="field1"> <img src="/sites/default/files/2020-10/plumbing-dc_1.png" width="100%" alt="Your Plumbing" class="img-responsive"></div> <div class="footer"><h2>YOUR COMPANY NAME WHO WE ARE SUMMARY GOES HERE </h2></div> </div> I like to place the footer element on the bottom of the field1 class. Below css works except for the background color. I do not see the bg color. I can see the bg color if I remove the margin-top. .footer { background: red; z-index: 2; margin-top: -80px; width: 70%; margin-left: auto; margin-right: auto; } Please advise!
×
×
  • Create New...