badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Use icons larger than 100×100

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #27577
    info110
    Participant

    Icons need to be 100×100 and display inside a circle.

    I need to modify this, so larger icons can be displayed and don’t display inside circle.

    Could someone help me with this?

    I did see the ambition theme lets you do this, but it only displays 3 icons wide and I need to display 4 wide like interface. Would it be easier to modify ambition to display 4 wide?

    Also, I plan to update to the pro version. Should this be done first and in making modifications, I assume they will be overwritten on an update?

    One other thing, how can I add custom content to front page? I need to add an optin form.

    #27578
    info110
    Participant

    Disregard what I said about ambition, I would prefer to modify interface theme, as I prefer the layout of the what clients say in interface.

    #27593

    Hi info 110,

    To increase the size of the icon to 100X100 Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

    .service-item .service-icon,
    .service-item .service-icon img {
        border-radius: 70px;
        height: 100px;
        width: 100px;
    }

    About custom content just create the page then add your option form and set it to front page.

    Thank you!

    #27595
    info110
    Participant

    The icons that I want to use are closer to 200×200.

    Also, I would like to remove the circle that the icon is displayed in.

    #27598
    info110
    Participant

    So I have been playing around with the custom css. It looks like I can get away with smaller icons and using the custom css to resize will probably work.

    I set the border-radius to 0 pixels and it then created a square outline around the icon instead of a circle. How can I remove it or set the color of it to white…so it doesn’t appear?

    Thanks

    #27604

    Hi Info110,

    Please use below custom CSS to remove the border around the icon:

    .service-item .service-icon {
        border: 0 none;
    }

    Also We have spend lots of time and efforts to develop this theme available free for you.
    Could you also please help us rating this theme in WordPress Repository.
    https://wordpress.org/support/view/theme-reviews/interface

    We really appreciate your rating.

    Thank you!

    #27611
    info110
    Participant

    That worked thanks.

    Can you help me with the following.

    I can’t figured out how to set an image as the slider. I have been through the instructions and settings, but I do not see how to define which image or images are for the slider.

    How do I use a logo image in place of the site title in the menu section?
    Also, can I reduce the amount of space above and below them?

    How do I change font size of the services titles and descriptions?

    I want to add text between the slider and services section and I also want to add an optin form above the footer.

    If I upgrade to pro will that help with any of the above?

    By upgrading I will be able to edit footer and change the color of the page title backgrounds? Currently the page titles sit in a green bar and green doesn’t work for me.
    Also, I want to set all text to 000000, you seem to use a slightly lighter version.

    If I have an issue with contact form 7, I assume I need to contact them regarding it?
    I want to modify the appearance, on a white page the forms is very faint looking.

    I will be happy to provide review when finished. You guys provide a great product and service.

    #27644

    Hi info110,
    I can’t figured out how to set an image as the slider. I have been through the instructions and settings, but I do not see how to define which image or images are for the slider.

    ==>To create a slider first of all create a page or post you wish. Set the featured image at the below right side of page or post.
    View this below screenshot.

    At the top of the Url bar you will see such linkswp-admin/post.php?post=28&action=edit where your post id is 28
    Now then after go to dashboard -> appearance -> theme options -> featured post/ page slider -> featured post/ page slider options and add the post or page id

    View this below screenshot.

    http://awesomescreenshot.com/07e56gvg07

    Then your slider will be displayed.

    How do I use a logo image in place of the site title in the menu section?
    Also, can I reduce the amount of space above and below them?
    ==> View this screenshot
    http://awesomescreenshot.com/00856gvs26

    How do I change font size of the services titles and descriptions?
    ==> Changing the font size is available in Pro version.

    I want to add text between the slider and services section and I also want to add an option form above the footer.
    ==> You can view to our demo site. What is available there in free and pro version?https://www.themehorse.com/preview/interface/ and https://www.themehorse.com/preview/interface-pro/

    You can build exactly what is in free version and if you need more additional feature then you can upgrade to pro.
    view this link and there is a compare table.
    https://www.themehorse.com/themes/interface-pro/

    Thank you!

    #27664
    info110
    Participant

    I was able to change the slider image.

    The page I added it to is called “home” (is the front page) and on the image is a box that has the word home in it. How do I edit or remove it?

    I added a logo, but there is too much space above and below it and the menu items. Is there a way I can edit this?

    I need to add custom content to the home (front page) as mentioned in previous post.
    I want to add text between the slider and services section

    (I see there is a way to add text below slider, but I can’t control the the font size, font colors, etc… and it only allows for about 10 words because of the large font size it is set to and I need to write a headline and paragraph)

    I also want to add an option form above the footer. How do I go about doing this?, I’m sure there is a way.

    Is there a way to show the slider on the front page, but not on blog page?
    BTW, the slider on the blog page also says home on the image.

    Thanks for all the help.

    #27704

    Hi info110,

    Home is your page title. To change it you may edit the title of the home page.

    You can edit your logo using photoshop. If you want to customize it then you need to hire a developer.

    Do you like to add custom content as in our demo site? You can add slogan content there. Go to dashboard -> appearance -> theme options -> advance options -> home slogan options
    View this screenshot
    http://awesomescreenshot.com/02156lh900

    Changing color options and font size is not available in free version of our theme. This feature is only available in pro version.

    Are you talking about this content. View this screenshot
    http://awesomescreenshot.com/0c156lhl8e

    If yes then go to dashboard -> appearance -> widgets

    Drag and drop your widgets to footer column 1, footer column 2 and footer column 3

    Hope this may help you
    Thank you!

    #27708
    info110
    Participant

    How do I remove the text that is in a green box that is appearing on top of slider? As, I said it says Home, which is what the page is called. I do not want to edit the page name, so I assume it can’t be changed?

    The space above and below my logo and menu items is excessive. It looks the same way on your demo. How can I reduce it?

    I tried using the slogan option and it would work if I could control background color, font size, font color, etc… Also the the first slogan makes all text, all in caps, even if that is not what was entered. Does the pro version let me control all the above? Also will it let me set font color for individual words, rather than the entire section?

    I was not talking about the footer options. I need to add custom HTML to the front page, to add an optin form to it and I want it to be directly above the footer. How can I do this

    I only want the slider to appear on the front page, I do not want the slider to appear on the blog page. How can I prevent this from happening. Out of curiosity, why does the slider say home on it, when it is not the name of the page?

    I tried using the favicon option, but it doesn’t appear in the browser bar after I set it. Also for some reason it says the size is 0x0, but it was created as 16×16. It appears in the preview on the page, so it was uploaded.

    #27863

    Hi Info110,

    Sorry! We have already replied you but we are surprised that our reply have not posted. Anyways below are the answer to your question.

    1. To remove the slogan section which is in green box that appear on top of the slider Go to Appearance > Theme Options > Design Options Tab > Custom CSS paste the following CSS code and Click on save all changes button:

    .slogan-wrap {
       display: none;
    }

    2. Please provide us your site URL so that we can provide you a exact CSS code to reduce the gap.

    3. Yes you will have the background color, font size, font color and many more features if you upgrade it to pro version of interface theme but sorry you can not set the color for each words.

    4. To add the custom HTML code in the front page first create a page and add your custom HTML code and Go to the Dashboard > Settings > Reading and there you will see the Front page Displays option first choose a static page option an under that option you will see the Front page option choose your page where you have added your custom HTML code.

    5. If you do not want the slider to appear on the blog page then Go to the Dashboard > Settings > Reading and there you will see the Front page Displays option under that option you will also see the post page option set blank (–Select–) there and click on save all changes button. If you need the blog page you can create a new page and set that page to blog medium/large/single template. You can set the template for the page from the right side of the page editor.

    6. Please provide us your site URL so that we can have a look into your favicon issue.

    #27872
    info110
    Participant

    I have a couple question.

    4. To add the custom HTML code in the front page first create a page and add your custom HTML code and Go to the Dashboard > Settings > Reading and there you will see the Front page Displays option first choose a static page option an under that option you will see the Front page option choose your page where you have added your custom HTML code.

    When you say create a page, I create a page in wordpress or I create a html page that I upload?

    So I only add the custom html to it and nothing else?

    So after I add the page/html and then I do the above, how do I define where on the front page the custom html needs to appear?

    I actually need to do the above to all pages. I want to add an optin box at the bottom of all pages above the footer.

    Thanks!

    #27884

    Hi Info110,

    To set your custom HTML code page first login to you WP dashboard (admin) site Go to the Settings > Reading and there you will see the Front page Displays option first choose a static page option an under that option you will see the Front page option there you can choose your page custom HTML code page to show it in your front page.

    And to have the option box at the bottom of all pages edit all the pages and add you option box code at the bottom of each and every page and click on publish.

    Thank you!

    #27960
    info110
    Participant

    I added the following to custom css and the text/green box still appears on top of slider.

    .slogan-wrap {
    display: none;
    }

    I still don’t follow how to add custom html to an existing page / how to define where on the page it should appear. I know html, but I’m totally new to wordpress. Is there a video anywhere that shows the steps I need to go through to accomplish it?

Viewing 15 posts - 1 through 15 (of 16 total)
  • You must be logged in to reply to this topic.