Alignment

Discussion in 'Infoway WordPress Theme' started by dienshones, Mar 31, 2013.

  1. dienshones

    dienshones New Member

    Joined:
    Nov 6, 2012
    Messages:
    29
    Likes Received:
    0
    Hi there,
    Heres my site: http://absolute-solns.com/?page_id=17
    Contact form in contact us:
    I would want to align my contact form on my page to be the same as my other paragraphs. Anyway to do so?

    Removal of contact form in home page:
    Also, i would like to remove the home page contact, and shift my middle widgets to the centre.
    Is it possible?

    Align image with text not text wrapping:
    http://absolute-solns.com/?page_id=7
    How do i align my logo so that it is not text wrapping.
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    1. For your First issue,
    Paste the following code in your custom css
    Appearance -> Theme Options -> Styling Options -> Custom CSS

    Code:
    .wpcf7-form {
        padding-left: 30px;
        }
    2. for your Second issue,
    Go to the front-page.php file present in your theme directory and edit the code as shown in the image given below
    [​IMG]
    [​IMG]
    [​IMG]
    and now,
    Paste the following code in your custom css
    Appearance -> Theme Options -> Styling Options -> Custom CSS
    Code:
    .feturebox .featurebox_inner .featurebox_desc.first {
    width: 32%;
    }
    .feturebox .featurebox_inner .featurebox_desc.second {
    width: 32%;
    }
    .feturebox .featurebox_inner .featurebox_desc.third {
    width: 31%;
    }
    3. For your third issue,
    Paste the following code in your custom css
    Code:
    p img.wp-image-288.alignleft {
    margin-left: -40px;
    }
    This will solve your issue.
     
  3. dienshones

    dienshones New Member

    Joined:
    Nov 6, 2012
    Messages:
    29
    Likes Received:
    0
    Hi Piyush,
    Thank you so much for the help.
    I have 2 more issues here:
    1. I would like to insert the logo inline with my text. But i cant get in inline. Is there a certain plugin or cms that i can input?
    http://absolute-solns.com/?page_id=7
    2. I want to input the a roll over color over a link text in deliverables page.
    http://absolute-solns.com/?page_id=9
    Can i change the link color when its roll over?

    Also i notice the page will run alignment when its in firefox. Previously i was using Safari.
    How do i fix it to a cetain dimension or?
    Thanks alot for the advise.
     
  4. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    1.For your first issue

    To achieve this you can add a banner which contain your logo image at the left side and your text image at the right side and upload it as a logo.
    Use photoshop to do that.
    2.For your second issue
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    .fullwidth li a:hover {
    color: red;
    }
    3.For your third issue

    We have checked your website and there is no problem of alignment with different browsers. If you still having the problem then send us the screenshot.
     
  5. dienshones

    dienshones New Member

    Joined:
    Nov 6, 2012
    Messages:
    29
    Likes Received:
    0
    Hi thank you!
    the code seems not working.
    Can help me on that again?

    Here is the screenshot of the run of alignment.
     

    Attached Files:

  6. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS


    Code:
    .fullwidth ul li a span:hover {
    color: red!important;
    }
    .fullwidth a img {
    margin-left: 200px;
    }
    Adjust its value as per your requirements.
     
  7. dienshones

    dienshones New Member

    Joined:
    Nov 6, 2012
    Messages:
    29
    Likes Received:
    0
    Hi there, thanks that helps.
    Back to ur previous comments:"1.For your first issue

    To achieve this you can add a banner which contain your logo image at the left side and your text image at the right side and upload it as a logo.
    Use photoshop to do that."

    I have tried to insert after editing it in photoshop. But my image turns out this way, even if i tried imported via different methods.
    Here is my look after importing. http://absolute-solns.com/?page_id=7
    I tried importing original file size, But it doesn't help at all. It sames goes to my other pages or site.
     
  8. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello Dienshones,
    Paste the following code in your custom css
    Appearance -> Theme Options -> Styling Options -> Custom CSS
    Code:
    .fullwidth a img {
    max-width: 679px ! important;
    }
    This will solve your issue.
     
  9. dienshones

    dienshones New Member

    Joined:
    Nov 6, 2012
    Messages:
    29
    Likes Received:
    0
    Hi Piyush,
    Thank you so much. Is there a way not not make it clickable?
     
  10. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Paste the following code in your custom css
    Appearance -> Theme Options -> Styling Options -> Custom CSS
    Code:
    .fullwidth a img {
    pointer-events: none;
    }
    This will solve your issue.
     
  11. dienshones

    dienshones New Member

    Joined:
    Nov 6, 2012
    Messages:
    29
    Likes Received:
    0
    Sure! that helps!
     

Share This Page