Jump to content


  • Content Count

  • Joined

  • Last visited

Community Reputation

3 Neutral

About newcoder1010

  • Rank

Recent Profile Visitors

24,676 profile views
  1. Thanks! I thought it can also be done with css.
  2. 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!
  3. 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!
  4. 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>&l
  5. 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!
  6. Its okay if I cant make it like the image. How do I put the down arrow with css?
  7. 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!
  8. 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;
  9. 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!
  10. @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!
  11. 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?
  12. 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?
  13. 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!
  • Create New...