iOS Button Issue & Theme Customizing « Support Forum | Kriesi.at

Support Forum » Choices

iOS Button Issue & Theme Customizing

9 posts from 3 voices

Started 6 months ago by emoshun
Latest reply from Nick
This topic is closed
This topic is resolved

Tags:

No tags yet.

emoshun
Member

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.

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.

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

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

---------------------------------------------------

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

Posted 6 months ago #
Devin
Moderator
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
Posted 5 months ago #
emoshun
Member

Thank you Devin!!

Posted 5 months ago #
emoshun
Member

Everything looks good except when in mobile view.

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

Posted 5 months ago #
emoshun
Member

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

Posted 5 months ago #
emoshun
Member

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.

Please let me know!

Posted 5 months ago #

Nick
Moderator

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

Posted 5 months ago #

emoshun
Member

Thank you Nick, Happy Thanksgiving!

Posted 5 months ago #
Nick
Moderator

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

Posted 5 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.

Kriesi.at - Wordpress Themes and HTML Templates

iOS Button Issue & Theme Customizing

Topic Closed

Support Forum usage - Please read

Check out some of our WordPress Themes

Blog Categories

Latest Themes

Pages

About me…