Jump to content

newcoder1010

Members
  • Posts

    491
  • Joined

  • Last visited

Recent Profile Visitors

24,830 profile views

newcoder1010's Achievements

Member

Member (2/7)

3

Reputation

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