newcoder1010

Members
  • Content count

    281
  • Joined

  • Last visited

  • Days Won

    2

newcoder1010 last won the day on September 3 2016

newcoder1010 had the most liked content!

Community Reputation

3 Neutral

About newcoder1010

  • Rank
    Member

Recent Profile Visitors

13,816 profile views
  1. Thank you but I could not make it work the way I wanted. At least I made progress. I was able to put the arrow somewhat center but not 100%. I did try to apply what you recommended but I am confused how to follow your suggestion. I would ask you if you could visit my page and view the slideshow. Some default css also making it confusing. Two issues: How to put the circle center of the image height? I used margin-top:20% as shown below (css1) as workaround. It is not fully centered of the image height. How to put the arrow in the center of the circle? I was able to do somewhat using below css2. CSS1: .carousel-control.right { height: 60px; width: 60px; border-radius: 60px; color: white; margin: 10px; background: #757376; margin-top: 20%; } CSS2 .carousel-control .icon-next, .carousel-control .icon-prev { font-size: 80px; margin-right: -15px; margin-top: -50px; } I spent last 3 hours for the above workaround. It would be helpful if you could provide me the ideal solution. Thanks.
  2. Hello, HTML: <ul class="SocialMediaMenu list-inline"><li class="fb first leaf"> <a href="https://www.facebook.com/p" title="facebook" target="_blank">f</a></li> <li class="tw last leaf"><a href="https://twitter.com/P" title="twitter" target="_blank">t</a></li> </ul> I have this css to replace the a link by an image. Color is transparent. After I have the background image, I dont see the list items. They just disappear. .SocialMediaMenu a { display: block; height: 40px; line-height: 40px; width: 40px; border-radius: 30px; color: transparent; text-align: center; /* font-size: 2em; */ float: left; border: 0; margin: 10px; background-image: url("/DAVIS%20LOGO_0.png"); } Please advise.
  3. Thank you so much. I have some issue with HTML access. CSS is work around for now. Thank you again.
  4. Hello, HTML: <ul class="responsive-menus-simple" id="rm-no-id-main"> <li><a href="#" data-toggle="modal" data-target="#login-modal">Login</a></li> <li><a href="#" data-toggle="modal" data-target="#register-modal">Register</a></li> </ul> I would like to remove the register link. I cant do it from html. How to apply display:none; to the 2nd item (register)? Thank you.
  5. I have another block I need to apply css to make it circle. I was able to make it circle and I was able to place the arrow inside the circle/centered. However, when I change the size of the arrow to 60px from 30px, arrow no longer in the center of circle. I did try to inspect in chrome and played around and not able to fix it. Please advise. https://drive.google.com/open?id=1tPvkCpM25Y0_MhNU4Bhh_b97xU7TC9UebcAB9skY9yY link .carousel-control.right { height: 60px; width: 60px; border-radius: 60px; color: white; margin: 10px; background: #757376; } .icon-next { width: 60px; // was 30. changed to 60 height: 60px; // was 30. changed to 60 margin-top: -15px; font-size: 60px; // was 30. changed to 60 }
  6. Thank you.
  7. I was able to made progress with your recommendation. However, the texts are not being centered in the circle. If you please take a look, help me with the css. Thanks. https://drive.google.com/open?id=1tPvkCpM25Y0_MhNU4Bhh_b97xU7TC9UebcAB9skY9yY .SocialMediaMenu a { display: block; height: 40px; width: 40px; border-radius: 30px; color: white; text-align: center; font-size: 2em; float: left; border: 0; margin: 10px; }
  8. I will have to research and need to play around for that. I will let you know. For now, can you please help me with some css at least to make it somewhat better (mainly the first image)?
  9. First of all I would like to thank you for helping me. Second, i dont even know exactly what I am trying to do. I have slideshow on this page. First image i got it from online and image does not look right. So, I have been playing around to make all images look better but I failed to do so. So, at this point I would ask for your recommendation. My page.
  10. I have another image field. I tried to apply the similar css like you did above but it is not doing anything. I think it would be better if I could take middle section of the original image. So if the original image height is 500px I would like to keep from 50px to 400px that means top 100px and bottom 50px wont display. Please advise. <div class="views-field views-field-field-img"> <div class="field-content"><img typeof="foaf:Image" class="img-responsive" src="mountain.jpg" width="1350" height="550" alt=""></div> </div> CSS .img-responsive { display: block; height: auto; /* max-width: 100%; */ width: 100%; /* background-repeat: no-repeat; */ background-size: cover; background-position: 0 100%; }
  11. I thought css applies the transparency. I was able to use GIMP and created a transparent image. Thank you.
  12. I simply created the image of blue arrow with white background. After that no transparent applied to the image. This is my site trying to hide the white background and just display the arrow. Image address . If you visit this page Example site. and then right click the logo image on top left corner > select "open image in new tab", you will notice that original image has white background but white background does not show in the main page.
  13. Hi, html: <div class="div2"> <h3>Get A GUARANTEED Fair All Cash Offer</h3> <p >Let us make a fair all-cash offer on your house.</p> <p><img class="img1" title="Arrow Right" src="cornflowerblue.png">No hassles.&nbsp;No obligation.</p> <h3>Just Complete This Quick Form!</h3> </div> CSS: .div2 { color: #ededf1; background: #35302b; opacity: .8; } img { margin: 5px 0 15px 15px; float: right; background-position: initial; // did not work background-image: none; // did not work background-color: none; // did not work } Img has white background with blue color arrow. I only like to display blue arrow. Please advise.
  14. Hello, I have this html: <h3> Just complete this quick form </h3> CSS: h3{ width: 0; height: 0; border-top: 60px solid transparent; border-bottom: 60px solid transparent; border-left: 60px solid green;} It only put arrow right of the h3 tag. How can I have an arrow with background color like this image? https://drive.google.com/open?id=0B7xIEuVi005yU2gxaTUwNHNNdVE Thank you.
  15. Hi, I have this html. <ul class="SocialMediaMenu list-inline"><li class="first leaf"><a href="https://www.facebook.com" title="facebook" target="_blank">f</a></li> <li class="last leaf"><a href="https://twitter.com" title="twitter" target="_blank">t</a></li> </ul> .SocialMediaMenu li { display: block; height: 40px; width: 40px; -moz-border-radius: 30px; border-radius: 30px; color: white; text-align: center; font-size: 2em; float: left; border: 0; margin: 10px; } I can click if I hover over the letters (f, t). Some users may not be able to tell because I have background color on li elements. I was thinking to make the entire li elements hyperlinked. I am not sure how I should solve it or just leave it as is. Please advise.