[Rashida]

Hi There,

I am using “Clean Portfolio Theme” and I need guidance in few things. I would really appreciate your help.

1: I see “Portfolio” display option in “Theme Options – Customize”. How can I display the work? I mean, where am I supposed to make the pages/post so I can select the Portfolios in this option?

2: What size is the Header banner supposed to be on the Homepage?

3: Whenever I click on any section of the website to “Inspect” – it shows only one class “Overlay” and because of this am unable to find the class to change the CSS. Kindly advise on this please.

For reference: http://www.rhweb.ca/

Thanks & Regards,
Rashida H.

[sapana]

@rashida:/*For Portfolio*/
Feature to select page/post option in portfolio is only available in Pro version. I suggest you to upgrade to Pro. You can also check out the additional-features available in pro version of the theme.

/*Header banner Size*/
Custom Header banner should be Width: 1920px Height: 1080px. You can also check out ourtheme instruction for other more information.

-For better inspect I suggest you to use the Developer edition-Mozilla Firefox.

let me know if this helps you out! and Please post your site URL too..
Kind Regards,
Sapana

[Rashida]

Hi,

I downloaded the Developer edition – Mozilla Firefox as well. Still its giving me the same “overlay” in Inspect – anywhere I click on the page.

Can you look into it please? I really like this theme and would like to use this one only for my Portfolio.

The website url is: http://www.rhweb.ca/

Thanks.
Rashida H.

[sapana]

@rashida:Can you please send me screenshot of your site how it is showing up and where exactly the issue is located.

Kind Regards
Sapana

[Rashida]

Hi Sapana,

Attached are the screenshots.

https://screenshots.firefox.com/GAEaX3XbYTT0ZopY/www.rhweb.ca
https://screenshots.firefox.com/asA2Y1xBknj8meUN/www.rhweb.ca

I tried clicking on these part of the page and I ended up getting this CSS properties.

.overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: transparent;
z-index: 10;
}

I apologize – I couldn’t get screenshot for the above code. But once you will “Inspect” – you will get the entire codings.

Kindly advise.

Thanks & Regards,
Rashida H.

[Skandha]

@rashida: I don’t really think this is an issue. You seem to have added the CSS code in you Additional CSS.
Since whole page below the header is overlay you get overlay when you inspect anywhere below the header area.

Let me know what changes you would like to be made and I will provide you the CSS Code.
I hope this helps you out!
Kind Regards,
Skandha

[robertrex]

I viewed the demo version of Clean Portfolio Theme which is an attractive them ever for showcasing portfolios in the web design industry. I have a question regarding the theme. How Can we linkedin endorsement reviews on website ?

[Skandha]

@robertrex: For this you will need to find a suitable plugin from the WordPress Plugin repository.

Let me know if this help you out!
Kind Regards,
Skandha

[Rashida]

Hi Skandha,

Thanks for responding! I so appreciate it.
I need help with the following:

https://screenshots.firefox.com/9uB2PkzHpxQ37DkI/www.rhweb.ca
1: I want to decrease this space btw the breadcrumb area and the blue box.

https://screenshots.firefox.com/3p91DEj601vYiJV8/www.rhweb.ca
1: I want to shift this “send box” in the right.

https://screenshots.firefox.com/hxvYmjx56Tj8zXI8/www.rhweb.ca
1: How can I change the outline color of the writing field.

https://screenshots.firefox.com/MCxinXoFrwBgkeMs/www.rhweb.ca
1: How can I reduce the padding bottom and top?
2: How can I change the background color?

https://screenshots.firefox.com/aSGli5sqTfS3r9Vs/www.rhweb.ca
1: When I hover the name; the line appears (underline) – how can I remove that?
2: How can I increase the font-size of the site title?

I would really appreciate your help!

Thanks & Regards,
Rashida H.

[Skandha]

@rashida: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

/* To decrease this space between the breadcrumb area and the blue box. */
#content .entry-container {
	padding-top:0 !important;
}

/* To shift send button to right */
.wpcf7-form-control.wpcf7-submit {
	float:right;
}

/* To change the outline color of the writing field */
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
	border-color:red;
}

/* To reduce the padding bottom and top and change background color */
#tertiary {
        padding:0;
        background:#127612;
}

/* To increase of font-size of site title and remove underline on hover
.site-title a:hover, .site-title a:focus {
	text-decoration:none;
}
.site-title a {
	font-size:25px;
}

You can change the color according to your choice.
Let me know if this works out!
Kind Regards,
Skandha

[Rashida]

Hi Skandha,

Thanks so much for the code. It helped 🙂

Can you help me a little more please?

https://screenshots.firefox.com/cKerOukTLb5M9B5T/www.rhweb.ca
1: How can I fix this border lines?

https://screenshots.firefox.com/zmuHD00i0utJ0ksL/www.rhweb.ca
1: How can I lessen this white space?

https://screenshots.firefox.com/RgAIh5nyGEBta95A/www.rhweb.ca
1: How can I enlarge this button?

https://screenshots.firefox.com/5UQxtFRhHydJ16cM/www.rhweb.ca
1: How can I make the rest of the text fields also like the “message” one?

Thanks & Regards,
Rashida H.

[Rashida]

Hi again,

Hope, you’re doing well.

I have 2 more questions..

1: For some reason, my contact form (contact form 7 plugin) isn’t working in this theme. I can’t type in the text fields. I spoke with the plugin support – they said, the issue is with the theme. Kindly advise.
Page URL: http://www.rhweb.ca/contact/

2: The header banner has an overlay. How can I remove it?

Thanks!
Rashida H.

[sapana]

@rashida:Go to => Appearance=> Customize=> Additional CSS and add the following code
/*To remove the border lines*/

.site-header-main {
    border-bottom: none;
}

/*To lesson the white space*/

.site-footer {
    margin-top:0px;
}

/*To enlarge the button*/

body.kc-css-system .kc-css-377190 .kc_button {
height:50px;
width:200px;
font-size:25px;
text-align:center
}

/* To make other field like message box*/

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select {
    height: 250px;
    width: 600px;
}

Let me know if this solve your issue.

Kind Regards,
Sapana

[sapana]

@rashida:/* To remove the overlay*/
Go to => Appearance=> Customize=> Additional CSS and add the following code

.overlay{
display:none;
}

Let me know if this works out!

Kind Regards
Sapana

[Rashida]

Hi there,

Thank you for all the help. It worked.

I need help with 2 more things..please!

https://screenshots.firefox.com/MZqmFIECvBNSBaIA/www.rhweb.ca
1: How can I align this vertical line?

https://screenshots.firefox.com/qXBvSFUjBfcysvmC/www.rhweb.ca
1: How can I change the hover of this button?

Thanks & Regards,
Rashida H.

[Skandha]

@rashida: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

/* To align the vertical line */
.site-title {
	height:111px;
}
/* To change hover color of the Send Button */
.wpcf7-form-control.wpcf7-submit:hover {
	background:red;
}

Let me know if this is what you want.
Kind Regards,
Skandha

[henlyreeves25]

Amazing theme.. Clean and attractive. I am thinking about using this theme for a car rental agency. Does it suits..
Please share your thoughts.

[Skandha]

@henlyreeves25: If you like the design of the theme you should go for it. You can check out Clean Portfolio Pro.
Here are the additional-features available in pro version of the theme.

Kind Regards,
Skandha

[Author]

Posts