newcoder1010

Hi, I have this html: <div class="form-actions"> <button class="webform-submit button-primary btn btn-default form-submit" type="submit" name="op" value="Get Your Fair Offer Fast!">Get Your Fair Offer Fast!</button> </div> https://drive.google.com/open?id=0B7xIEuVi005yTGFNYmtubm80aWc I would like to place the button in the center of the form-actions. I used the following css for other sites and worked. For this site the following code is not working. Please advise. css: .form-actions {width:200px; margin-left:auto; margin-right:auto;}

Hello, I have this html to place the text under the image. Now, I see the text to the right of the image. I am not sure how I can place the text under the image in difference devices? <figure class="figure"><img src="/sites/default/files/sell-your-house.jpeg" alt="local house -buyers - sell your house" /> <figcaption class="figure-caption">Sell your house fast. <a href="contact-us" title="Contact us">Contact us</a> today!</figcaption></figure> CSS I had: figure { margin: 0; float: left; padding: 15px 15px 15px 0; }

Sure. I will do more research.

Hi, I have this code which writes caption under the image. <figure><img src="/sites/default/files/we-md.jpeg" alt="local house -buyers - sell your house"><figcaption>Fig.1 - A view of the pulpit rock in Norway.</figcaption></figure> However, if I write the image class then caption is no longer under the image. Caption simply goes to next paragraph. How can I keep the caption under that image while keeping the image classes? <figure><img class="block_img img-responsive" src="/sites/default/files/we-md.jpeg" alt="local house -buyers - sell your house"><figcaption>Fig.1 - A view of the pulpit rock in Norway.</figcaption></figure> Thanks.

Well I need the negative margin to put it in that place. If I dont have the negative margin, it goes below on a separate row. I do not want that. I like to keep it where it is. I simply would need your help to force padding around the map.

Hello, I have two fields as below. <div class="field field-name-body field-type-text-with-summary field-label-hidden">.........</div> <div class="field field-name-field-map field-type-text field-label-above"> google map goes here</div> CSS for map class. .field.field-name-field-map.field-type-text.field-label-above { width: 50%; float: left; margin-top: -190px; } Now, page looks like this: How it is looking now. How can I apply padding around the map? So, it does not overlap?

Sorry I am not able to follow you.

One more question. I tried to place the menu center of the page. I have used this css but not working for me. Any advise please? .footermenu .menu { text-align: center; }

I just removed font-size:16px; from both selectors. Problem is fixed. Thank you.

Hello, I have a menu called footermenu in the bottom of my page. When I hover over the menu items, I see menu items are dancing around. Some items even going to another row when i hover the items. It works fine in desktop. Problem is with mobile and tablet. I spent lot of time trying to figure this out and I could not do it. https://drive.google.com/file/d/0B7xIEuVi005yVkt5VG1yeUJMNnc/view?usp=sharing My site. If you could inspect and see why footermenu in mobile and tablet giving the problem when I hover? I just like to give a color when I hover. Thanks.

I used this and it worked. If you have better way of doing it, please let me know. img:hover { width: 200px; border: 10px solid #b9bbb9; }

Hello, I have this html: <div id="widgets-element-socialmedia_share-default" class="widgets widgets-set widgets-set-horizontal widgets-style-horizontal"> <div id="widgets-element-socialmedia_socialmedia-twitter-share-button"> <a href="...we-buy-houses-baltimor" title="Tweet this" target="_blank"><img src="/twitter.png" alt="Twitter icon"> </a> </div> <div id="widgets-element-socialmedia_socialmedia-twitter-share-button" > <a href="...we-buy-houses-baltimor" title="Tweet this" target="_blank"><img src="/facebook.png" alt="facebookicon"> </a> </div> </div> When i hover on an image link, I would like the image to have 200px. I am not sure how I can do it? Thanks.

I fixed it. Thank you.

fyi

Hi, HTML: <ul class="menu nav"> <li class="first leaf "><a href="xxx.com/maryland">Maryland</a></li> <li class="leaf child-menu-item"><a href="xxxx.com/bal">Baltimore, MD</a></li> <li class="leaf child-menu-item"><a href="xxx.com/mont" class="child-menu-item">Montgomery County, MD</a></li> </ul> I have this css works for hover: .nav > li > a:hover {background:red;} I also like to have the same background color when I visit each page. Below code does not work. .nav > li > a:active{background:red;} Please advise.

I fixed it. Thanks.

I made progress but not quite there yet. How can I place all child-menu-items indent with the bullets? Some indented and some did not. https://drive.google.com/file/d/0B7xIEuVi005yNFF6SjdIWC12TTg/view?usp=sharing

Thank you. I made some changes. How to indent the inner li classes(.child-menu-item)? I tried list-style-position: inside; and did not work. If I use margin-left, it only indents the text. I would like to indent the bullets as well. .cities-we-serve-menu-block .menu li { display: list-item; list-style-type: square; } .cities-we-serve-menu-block .child-menu-item { margin-left: 55px; list-style-position: inside; }

I did inspect. I did see one element showing as list-style:none; I removed it and it still did not work. Now, I have this instead. Still no luck. .cities-we-serve-menu-block .parent-item1 { margin-left: 15px; display: list-item; } This is my page. If you could inspect please, it would help. Please scroll down and see on the right. Block title: CITIES WE SERVE.

Hello, I have this html: <ul class="menu nav"> <li class="first leaf"> <a href="md1" class="parent-menu">ARLINGTON COUNTY, VA</a></li> <li class="leaf parent-item1"><a href="md2" >AC C2</a></li> <li class="leaf parent-item1"><a href="md3" >AC C1</a></li> <li class="leaf"><a href="md4" >Prince George's County, MD</a></li> <li class="leaf parent-item1"><a href="md5" >PG C2</a></li> <li class="last leaf parent-item1"><a href="md6" >PG C1</a></li> </ul> ---- How to add bullet points before each parent-item1 class as follows: . AC C1 . AC C2 ----- I tried this code and it did not do anything. .parent-item1 {list-style: square;}

I used this and it worked somewhat. If you have better answer, please advise. #block-views-recent-posts-block { float: right; margin-top: -900px; } #block-views-cities-we-serve-block { float: right; margin-top: -750px; }

I was able to fix it. Thank you

Hello, For HTML, I would request you to visit my page and see it because If I copy here, it will be long html. I have two blocks in a row. HTML ID are: "block-views-cities-we-serve-block" and "block-views-recent-posts-block". I want to move these two blocks above under another html id called "block-block-3". How can I do that please? Design shows where the blocks should move to My Site

Hello, .region.region-page-top { position: fixed; } I have this fixed code. When i scroll down the my screen, this region is not fixed. Please advise. Thanks.

Hello, I have a main menu. I see it in right location when i visit it in laptop. However, when I start making screen smaller, i see menu goes to next row. Instead, I would like the menu to be responsive where it was originally. If you could please inspect in chrome and advise me with css. image my site Thanks much.