Jump to content

newcoder1010

Members
  • Posts

    526
  • Joined

  • Last visited

Everything posted by newcoder1010

  1. Actually, I like to put the text F and T inside the circle. How can I do it?
  2. Hello, I have this html: <table class="socialmedia"> <tr> <td><a href="http://www.facebook.com/davis"> F</a></td> <td><a href="http://www.twitter.com/davis">T </a></td> </tr> </table> How can I replace the F and T by some colors as shown in image. Thanks.
  3. Hi, Can you please help me making the email field and subscribe button as i shown in the image.. This is my link. If you could help me inspecting in google chrome and help me with the css, it will be great. Please scroll to stay connected section. http://www.davisdevelopmentgroup.net/test Thanks
  4. You are too advanced for me. I guess I am not able to follow your instruction. I disabled the blocks after the above block so it does not interfere. Then I changed the z-index to 10. After that, I see the red background image but font color and text not visible. If I keep z-index -1, i see the title. If I keep z-index 10, I see red image but no title. If you please take a look?
  5. This is my site. If you could look. It's not working. I am only getting the font color correct. Others not working. Please scroll to block after about us page. Thanks much. http://davisdevelopmentgroup.net/test/
  6. I have tested your code it works. I ran it locally as a separate page. Thanks. After that I tried to take your code and place it in my site and I am having issue. It is not working. If you could please help. HTML: <div class="view view-our-services view-id-our_services view-display-id-block view-dom-id-fb1b09adb6247ec59ebad0e50c335c81"> <div class="view-header"> <p>Let us t</p> </div> <div class="view-content"> <table class="views-view-grid cols-1"> <tbody> <tr class="row-1 row-first"> <td class="col-1 col-first"> <div class="views-field views-field-field-image1"> <div class="field-content"><img typeof="foaf:Image" class="img-responsive" src="remodel.jpg" width="259" height="194" alt=""> </div> </div> <div class="views-field views-field-title"> <span class="field-content">Home Remodel</span> </div> CSS: .view-our-services .views-field-title .field-content{ padding: 4px 8px; margin:0.5em; color: black; position: relative;display: inline-block; } .view-our-services .views-field-title .field-content:after { content: ""; position: absolute; top:0; bottom:0; left:0; right:0; background-color: red; -ms-transform: skewX(-20deg); /* IE 9 */ -webkit-transform: skewX(-20deg); /* Safari */ transform: skewX(-20deg); /* Standard syntax */ z-index:-1; }
  7. Hi, I have this html code: <div class="Very-Top1 "> <div class="region region-main-verytop1"> <section id="block-block-3" class="block block-block col-sm-5 logo col-md-6 hidden-xs hidden-sm clearfix"> <a class="logo" href="/shalomhomesolutions" title="Home"> <img src="SoluTions_logo.png" alt="Home"> </a> </section> <section id="block-block-38" class="block block-block col-md-3 hidden-xs col-sm-3 hidden-sm clearfix"> <p>571 / 282 - 5793</p> </section> <section id="block-block-5" class="block block-block col-md-2 contact hidden-xs col-sm-3 hidden-sm clearfix"> <p><a href="?q=node/123"> <img src="sites/default/files/free%20estimate2.jpg"></a></p> </section> </div> </div> CSS: .Very-Top1 { width: 70%; background-image:url("contractor.png"); border-top: 5px solid #1414F5; top: 0px; position: absolute; margin-left: 25%; margin-left:auto and margin-right:auto } I am trying to place the very top1 class in the center. I used margin-left:auto and margin-right:auto but it is not placing the very-top1 class in the center. Any help please?
  8. Hi, I have text as "888-000-0000". How can i apply padding/margin to the text so it looks like the image? Thanks.
  9. For mobile version (<768px), I removed the col-xs-12 and now it worked. It brought up another question. I wrote margin-left: auto and margin-right: auto for the image to be centered but it did not put the image in center. Then I had to write margin-left: 20%; Can you advise why auto is not working? .ourpromise img { margin-bottom: 10px; width: 60%; height: auto; margin-left: 20%; /* margin-right: auto; */ } Thanks.
  10. When I scroll the screen to less than 768px, i see the elements in chrome.
  11. Hi, I have this code to margin. It works except right side of the block. That means right side of the block has no margin. I have done it few other blocks. It worked. I am not sure why this block margin right would not work. If you could inspect in browser (please scroll to bottom to see the class names). BTW, this is for screen max 768px for mobile. http://godrupal.info/shalomhomesolutions .ourpromise{ padding: 10px; margin:20px; // MARGIN RIGHT NOT WORKING. background-image: url("/background%20color.png"); border-bottom:1px solid gray;
  12. I applied your code. Some browsers work and some dont. I placed it on the top of page. http://godrupal.info/shalomhomesolutions/?q=node/112
  13. HTML: <section id="block-block-39" class="block block-block satisfactionguaranteed col-md-4 contextual-links-region clearfix"> <p>100% SATISFACTION GUARANTEED</p> </section> I applied this: .satisfactionguaranteed {width:100px;height:100px;border-radius:50px;font-size:20px;color:#fff;line-height:100px;text-align:center;background:#000} I only see "100%" inside circle. rest is outside the circle.
  14. Hi, I like to have a text like "100% satisfaction" and then have double circle with different colors. How can I do it? Thanks.
  15. Hi, I am trying to place a phone icon before the phone number. How can I make something similar to this one? https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQG-37H7kVJ0OqP8ajodYTxWwRR0qJkREQXVBv6YjEDBEF-bIeHKA In my case, I like to have red background with white phone.
  16. http://godrupal.info/shalomhomesolutions/?q=node/112. Thank you so much for your time. If you could scroll to the FREE ESTIMATE form and help me with the css. It is not working. Please.
  17. Hi, I did google for the below request. I am lost. If you could help me with the css. <div class="CallMe_Name_R"> <label class="control-label" for="edit-submitted-name">Name </label> <input placeholder="Enter your name" class="CallMe_Name_C form-control form-text" type="text" id="edit-submitted-name"> </div> I like to make the placeholder white color and place in the center? I tried this and did not work. ::-webkit-input-placeholder { color: white;text-align:center; } :-moz-placeholder { /* Firefox 18- */ color: white;text-align:center; } ::-moz-placeholder { /* Firefox 19+ */ color: white; text-align:center; } :-ms-input-placeholder { color: white; text-align:center; } #edit-submitted-name{ color: white; text-align:center; } Thanks.
  18. Thank you so much. It is lot complicated than I thought. I will have to take my time and try your code later. For now, I will not even think about the arrow image. I have to come up with something easier. I just saved your code. Thank you so much again for your time.
  19. I have one image on the left. I have one image on the right. I have a form in the middle. My goal is to make it similar to this: http://godrupal.info/shalomhomesolutions/sites/default/files/Untitled_3.png Not sure whether I apply css to the form or css to the images.
  20. http://godrupal.info/shalomhomesolutions/?q=node/112 Please scroll to bottom. If you inspect in google chrome, you will see code: <section id="block-block-35" class="block block-block clearfix"> <p> <img alt="dog" src="http://godrupal.info/shalomhomesolutions/sites/default/files/xpress-auto-care-car-sales.png"><br> <svg height="0" width="0"></svg><br> <defs><br><clippath id="svgTextPath"></clippath></defs></p> <polygon points="0,50 100,0 100,100" style="fill:none; stroke:purple; stroke-width:1"></polygon><br><br> </section> CSS: #block-block-35 img { clip-path: url(#svgTextPath );}
×
×
  • Create New...