Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #17966

    Hello,

    First off the theme is great and I was able to set it up quickly and without issues.

    I would have liked to see an inherent child theme/retina display support, but maybe that can be for the next big release/update.

    My first issue is with the way the “Contact” page renders the submit button.

    iOS_button.jpg

    I would like it to look like the “desktop view” contact button at least.

    How do I remedy this/what did I do wrong?


    Now for the harder part, on the site I’m building I need to customize several things. http://test.emoshun.com

    First I need to remove the “search” box from the header and replace that with large text for the phone number, like below.

    call_us.jpg

    Then I need to minimize the space in the subheader on all pages with one to something shown below.

    subheader.jpg

    I also need to padding taken down a bit to match this example.

    padding.jpg


    I would also like the ability to flush out the individual portfolio pages in that I need more than just an image on the left and a column on the right.

    I would like to be able to use short code beneath the image and in the right column.

    I need the add padding in between the top and bottom row of “product” (portfolio) items so they don’t look like one large square.

    I need to remove the date from the products (portfolio items) in the footer widget.

    I would also like to see an updated twitter logo/icon for the social media buttons and the twitter followers widget.


    Thanks again!

    -James

    #97685

    Hi James,

    For the contact button, I’m not sure why its appearing like that on the mobile view but it shouldn’t. A quick fix is to force an increase in its width. Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top.page-id-18 input[type="submit"] {
    width: 125px;
    }

    The rounded glossy button style in your screenshot I’m not seeing on my end however.

    For the searchbar, open header.php from your theme files and look for:

    get_search_form();

    replace it with:

    ?>
    your html here
    <?php

    For the breadcrumbs and page title add the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #main .main-title {
    display: none;
    }
    #main .container {
    padding-top: 10px;
    padding-bottom: 10px;
    }

    And this will remove the padding from the bottom of the logo:

    h1.logo {
    padding-bottom: 0px;
    }

    As for the portfolio pages, if you aren’t comfortable with editing php you’ll need to look into a freelance developer to add the additional functionality and layout to the single portfolio templates.

    For the portfolio(product) page, you can use this but its a bit of a hack and won’t work if you change out the portfolio items on that page or move it to a different page:

    #top.page-id-25 .post-entry-129,#top.page-id-25 .post-entry-130 {
    margin-top: 10px;
    }

    And for the footer portfolio box time:

    #footer #portfoliobox-3 .news-time {
    display: none;
    }

    I don’t know what you mean by an updated icon but you are free to change out any icons/images throughout the theme to suit your needs by replacing that specific image file in the theme files.

    Regards,

    Devin

    #97686

    Thank you Devin!!

    #97687

    Everything looks good except when in mobile view.

    contact_number.jpg

    Any work arounds for that view?

    Also I need the contact field names to always appear above the text areas, not below/to the side.

    Thanks!

    -James

    #97688

    Also, the submit button on the contact page is still defaulting, but just wider.

    #97689

    The widget top padding has decreased as well, after adding

    }

    #main .container {

    padding-top: 10px;

    padding-bottom: 10px;

    }

    How can we constrain the padding to only the specific area.

    Also the map widget has some issues.

    map_widget.jpg

    Please let me know!

    #97690

    Hi please add a class in header.php to h4 around the phone number so that we can move it around easier

    <h4 class="site-phone-num"><em>Call Us Toll-Free:</em> <strong>1.800.260.5857</strong></h4>

    .

    @media only screen and (min-width: 480px) and (max-width: 767px) {
    .site-phone-num {
    display: inline-block;
    position: relative;
    font-size: 1.04em;
    top: -115px;
    right: -103px;
    }
    }
    @media only screen and (max-width: 479px) {
    .site-phone-num {
    display: inline-block;
    position: relative;
    font-size: 1.1em;
    top: -125px;
    right: -25px;
    }
    }

    code below is for the large font in contact form. I would either lower it like this

    fieldset h3 {
    font-size: 1.15em;
    }

    or just not show it

    fieldset h3 {
    display:none;
    }

    For moving around labels in the contact form , please check this forum. I remember answering that question in great detail for a German website maybe 6-10 weeks ago.

    Thanks,

    Nick

    #97691

    Thank you Nick, Happy Thanksgiving!

    #97692

    Hi,

    Thank you and wishing you a Happy Thanksgiving from all of us.

    I will close the ticket since its getting a bit bulky and difficult for others to search through. Please feel free to open another ticket if you have additional issues.

    Thanks,

    Nick

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘iOS Button Issue & Theme Customizing’ is closed to new replies.