Logos, Search Icon, Slideout Menu, Icon Boxes, Portfolio Showcase

[chhiny]

Hi, I’m new to WordPress and have been using the Uplift theme which is quite user friendly. However, I’m hoping that you could assist with the following. Please note I’ve attached a concept/sample page of what I’m aiming for:

1) How do I resize the logos in the header and footer so that they are the same size?

2) How can I remove the ‘search’ icon/ search bar? Or is it best if I just change it’s position on the page rather than remove it completely?

3) How do I remove the slideout menu which appears to the right of the search icon? If so, will this affect the navigation menu of the mobile version of the website?

4) Icon Box/ Icon Box Grid (refer to attachment)
I’m trying to create a 6 Icon Box Grid with our own icons in white and have this sitting on a black background.
I’ve tested it by using singular Icon Boxes instead of the grid as the Icon Box Grid only gives me the option to use the your icons (I couldn’t work out how to upload our own icons).
What’s the best way for me to achieve this?

5) Portfolio Showcase (refer to attachment)
Towards the bottom of the page I would like to include a series of pictures which are another way to link to various pages within the website. I’ve trialed this by using the Portfolio Showcase on the ‘Home’ page (I ultimately want them on all of the pages) and have been able to add the hyperlinks. Is there a way to remove/disable the ‘eye’ which appears next to the ellipses, as I don’t want the pictures to actually open up into a gallery/portfolio?
Or is there a better alternative to getting this result?

6) Social Media Icons (refer to attachment)
How do I change the design of the social media icons to feature the circle encasing the social media icon? (located towards the bottom of the page)

Any assistance is much appreciated. Thanks!

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

1a) The header logo you would set a max height and the width would then be proportionally scaled to match. Do this in Theme Options => Logo Options => Logo Max Height.

1b) For the footer logo, you’d need to use a text widget and add the HTML for an image to that. You can then add a class to the HTML image code and use CSS to set the max width of the image.

Ex: Img HTML + Class

<img src="http://www.taxtv.com.au/wp-content/uploads/2016/01/REES-LOGO-est-2013.png" alt="" class="footer-img" />

Ex: Class for the above code. Added to Theme Options => Custom CSS.

img.footer-img {
  max-width: 200px;
}

2) You can move/remove those in Theme Options => Header Options => Header Right Config.

3) You can remove that in Theme Options => Header Options => Header Right Config. Drag out the Side Slideout Menu.

4) Insert a Row asset, set the background to Black in the Row settings. Inside the Row, add in your Icon Box assets. To add your own icon image, edit the Icon Box asset settings and choose Icon Box Icon Type => Image. You can then upload your icon image. Ref:

5) I’d recommend you simply use the Image Banner asset.

6) That is not possible by default, you’d need to use some custom CSS to alter the appearance of those.

Thanks.

[chhiny]

Hi David,

Thanks for your reply and assistance. I have a few follow up questions:

1b) For the resize footer I wanted to clarify what i need to type in the ‘visual’ section.
At the moment I have:
<img class=”alignleft size-full wp-image-14782″ src=”http://www.taxtv.com.au/wp-content/uploads/2016/01/REES-LOGO-est-2013.png&#8221;

Should I replace this with what you provided:

Also I’m not sure I understand what to do with the following and where to type it in (does it need to be put on different lines as shown?):
img.footer-img {
max-width: 200px;
}

4a) I was able to insert the row asset and upload icons but would like to know how to take the height of the row asset right up to meet the slider picture.

4b) I’ve tried to delete the default text “click the edit button to change this text” numerous times, which appears in the icon description area, and saving the changes, but the text keeps reappearing. How do I remove this permanently? This also happens in the Promo Bars, where the default text keeps reappearing here as well.

5) I used the image banner asset as suggested but is there any way I can have, for example, four and a half pictures displayed on the page but have a total of seven pictures which you can scroll across to find. Similar to the design of the Portfolio Showcase, and include the ellipses.

7) Can the copyright be moved to the right side of the page (it’s currently on the left)

Thanks, Sarah

[David Martin – Support]

I have now answered these on the new support system.

Thanks.