Jump to content

newcoder1010

Members
  • Posts

    526
  • Joined

  • Last visited

Everything posted by newcoder1010

  1. I used this code for now. It worked. I still have to look at your javascript. Thanks. .webform-client-form-132 .panel-body { padding: 0px; } .webform-client-form-132 .panel-default { border:0px; }
  2. What javascript element I should learn to accomplish this? Can you please point me to some tutorials page? Thanks.
  3. Hi, I developed a form. I like to display a class only If I select Yes. Otherwise, by default, class should not be displayed at all. Also, when I click no, class should not be displayed either. If you please help. My page http://webuyhousesinnova.com/?q=coaching Field name is Have you completed any deals in the last 3 years?. If you select Yes, you will see a fieldset displays. The fieldset is functioning correctly. I simply see an empty fieldset when it is either No or by default. I tried to display none. In this case, it never displays. fieldset .panel-body { clear: both; display: none;} Thanks in advance.
  4. I did it this way first. It did not look nice. Can you please look into my site? I made progress. I just like to put everything centered with nice double quote/block quote. 3 classes I have to be in center: Main text: views-field views-field-field-happy-testimonials Name of the person: views-field views-field-field-testimonial Slider: views-slideshow-controls-bottom I would like to place 3 classes in the center by double quoting the main texts. If I give you html here, it will be so much code. If you please visit my page and help me. Please scroll to the bottom. Putting the slider right below the name and putting the quotes same line as the main text will be helpful. http://webuyhousesinnova.com/ Thanks.
  5. Hello, I have this html: <div class = "view-testimonial-slideshows"> ... </div> I like to place double quotes between the double quotes before and after the class similar to the image. Please advise. Thanks.
  6. Actually, I will disable the table for mobile and tablet. I made some progress. If you please visit my site and help me to make it look same in all browsers. I have four fields. I like to place them in the center of page with same padding between the fields. Thanks.
  7. I spent a lot of time. If you could please help me fixing the issue...
  8. Hi, I have some images under the class ".views-field.views-field-field-home-page-servces" on my page. Page link is http://webuyhousesinnova.com/. I see the images correct sized in Chrome but I see the images way big in IE. If you please inspect my page and help me what causing this issue. Please.
  9. Hello, I have this html: <table class="views-view-grid cols-4"> <tbody> <tr class="row-1 row-first row-last"> <td class="col-1 col-first"> .. </td> <td class="col-2 "> .. </td> <td class="col-3 "> .. </td> <td class="col-4 col-last"> .. </td> </tr> </tbody> </table> Currently, four columns took the full width of the screen which is fine. I would like to make changes: 1. Make it 22% of screen for each td class. Whether it is a laptop or desktop screen. 2. Give some space between each td class. I tried this and did not work. td {width: 22%; margin:10px; } Please advise.
  10. Hi, I have this css: border: 10px solid white; I like to put 1 px red color border on top of it. HOw can I do it?
  11. Hi, I have this css. I simply like all the images to be this size. Some works some dont depending on the original size. I will upload different sizes image but I am trying to have css that will make all images below size. HOw can I force all images to be below sizes? .page-node-880 .field-name-field-productimage img {width: 247px; height: 150px; }
  12. Hi, I have this html. I like to put the text "one" on top of the image as shown in the picture. Can you please help me? <div class="content"> <div class="field field-name-field-productimage field-type-linkimagefield field-label-above"> <a href="https://www.drupal.org/project/field_collection" title="" target="_self" rel="" class=""> <img typeof="foaf:Image" class="img-responsive" src="usiness-website_0.png" width="209" height="144" alt=""></a></div> <div class="field field-name-field-companyname field-type-text field-label-above"> <div class="field-item even">one</div> </div> </div>
  13. It worked. Thanks. How can I change from bullets to numbers?
  14. Hi, I have this html. <div class="field-items"><div class="field-item even">login</div><div class="field-item odd">create</div></div> Can I list these as login create How can I apply the css to make it like a list? Thanks.
  15. Hi, I have this #block-block-55 h2 { text-align:center;} #block-block-56 h2 { text-align:center;} #block-block-57 h2 { text-align:center;} How can I write one css for all so i dont have to write separately? Thanks.
  16. I made progress. I am not there yet. If i use your code, does not work. I made some changes and little better now. I am still not getting the arrow. Thats the closes I could get. z-index and before or after gives me problem. #block-views-services-slideshow-block .views-field-field-description100{ border-bottom: 30px solid transparent; border-left: 30px solid black; border-top: 30px solid transparent; content: ""; height: 0; padding: 0; position: absolute; top: 155px; width: 100%; background:red; color:white; text-align:center; }
  17. It is not working. I tried your code. If you please visit my page, you will see I place the background on the middle of the image. I just want to make an arrow to the right. Can you please inspect? http://www.davisdevelopmentgroup.net/test/?q=sell-your-home
  18. I am sorry. I was not so clear. I can make arrow but I am trying to put the arrow as background. This is what I had before. Everything is fine except it does not make arrow on the right side. #block-views-services-slideshow-block .views-field-field-description100{ top: 155px; position: absolute; background: black; width: 100%; padding: 10px; text-align: center; color: white; font-weight: bold; opacity: .8; border-top-right-radius: 8em; border: 2px solid; border-bottom-right-radius: 8em; } From your link, I see this makes it arrow. border-top: 60px solid transparent; border-bottom: 60px solid transparent; border-left: 60px solid green; Now, I am not sure how I can combine this two to get what I am looking for.
  19. Hi, I have a class that needs to be an arrow. I used the below css. It did work somewhat not much. How can I modify my css so it gives me an arrow? border-top-right-radius: 8em; border: 2px solid; border-bottom-right-radius: 8em; Thanks.
  20. I just applied this code and I was able to see the result in desktop but when I view it mobile device, I dont see the styling. @media only screen and (max-width: 768px) p.investor { font-family: cursive; font-weight: bold;}
  21. sorry. I am not sure what you mean by that. I did not download anything. I simply want to apply css to a p class.
  22. I used below. now all are red. it should make the second red rest should be #07cbf7 .view-slideshowv .views-field-field-slideshow-desc { color: #FFFFFF; position: absolute; bottom: 85px; right: 90px; font-size: 14px; background-color: #07cbf7; opacity: 0.9; width: 190px; padding: 5px; border: 1px solid white; } .view-slideshowv .views-field-field-slideshow-desc:nth-of-type(2) { color: #FFFFFF; position: absolute; bottom: 85px; right: 90px; font-size: 14px; background-color: red; opacity: 0.9; width: 190px; padding: 5px; border: 1px solid white; }
  23. Hi, I like to make css font similar to image. I did apply some css font family but could not get close. Can you please help me how should I write css to make the font similar to the image? Thanks.
  24. Hi, I have a slideshow working just fine. I have this code to put the description of each image on top of the images. Now, I see the same color for all the image descriptions. Instead, I like to see different background color for different images. How can I modify / add code so i see different background colors for different image description? @media (min-width: 992px) .view-slideshowv .views-field-field-slideshow-desc { color: #FFFFFF; position: absolute; bottom: 85px; right: 90px; font-size: 14px; background-color: #07cbf7; opacity: 0.9; width: 190px; padding: 5px; border: 1px solid white; } If you could visit my page and inspect slideshow, you will see the codes. wwww.davisdevelopmentgroup.net/test Thanks.
  25. You are all wonderful. I will give a try.
×
×
  • Create New...