[Becky]

Hi,

I recently bought Clean Portfolio Pro Theme – I’m still playing around in Live Preview mode, haven’t really activated it yet.

I have a few questions :

1. How to center the Logo?

I don’t want to put site title and tagline, instead, I want a logo image on top of my homepage.
I went to Site Identity > upload a logo.
Now the logo can only stay on the left side, I wonder if it’s possible to be in the center (both on desktop and mobile version) by adding CSS.

Current screenshot of my homepage is like this : https://ibb.co/m85FB87

2. The location of “Social Icons”

I can see on your demo, the social icons are on the left of the search box (https://ibb.co/ctNxNW7), but my social icons are down below the drop down menu (https://ibb.co/vPwmXN0), I wonder if there’s any way that I can change the location of social icons – just like how it looks on your demo.

3. Increase the Height of Header Image

Is it possible to increase the height of the header image? I want it to look bigger on the screen.
(https://ibb.co/42xrYW6)

4. Font Problem

I went to Theme Options > Font Family Options to select different fonts and want to see how it looks, but no matter which font I chose, the live preview just looks the same. How can this be?

Thank you for helping.

[Becky]

Some more details about Question 1 :

Currently I’m putting the following into the custom CSS, so it looks like this :https://ibb.co/m85FB87

.site-logo-link > img, .custom-logo-link img {margin-left: 25%;
}

.custom-logo {
margin:20px auto;
max-width:250px;
height:300px;
}

But I don’t know how to make it center.

[Becky]

Hi,

After some endless tries, I finally managed to center the logo by using following CSS:

.custom-logo-link img {
width:20%;
max-height:200px !important;
}

.custom-logo {
margin:px auto;
max-width:150px;
height:200px;
}

.site-branding {
width: 100%;
text-align: Center;
}

.site-logo {
width: 100%;
text-align: Center;
}

However, the problem now is that the drop down menu and search box are far away from the top, which leaves too much white space – as you can see here : https://ibb.co/6vYdWSj

Is there any way to make the drop down menu and search box align with the logo?

Thanks!

[Skandha]

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

/* To center the logo */
.site-branding {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
}

2. The search box is appearing down below the drop down menu because you are using Menu Type as Default
To change this Go to => Appearance => Customize => Theme Options => Menu Options => Menu Type => Classic

3.

To change the height of Header Image 
.custom-header-content {
	padding:300px 120px !important;
}

You can change the padding to alter the height of the image.

4: The font seems to be changing on live preview at my end. Can you let me know which version of the theme you are using.

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

[Becky]

Hi,

Thank you for your reply.

For centering the logo, there is still a problem.

Now I’ve put all these in my custom css section, including the one you suggest me to add :

.custom-logo-link img {
width:20%;
max-height:200px !important;
}

.custom-logo {
margin:-3px auto;
max-width:150px;
height:200px;
}

.site-branding {
width: 100%;
text-align: Center;
}

.site-logo {
width: 100%;
text-align: Center;
}

.site-branding {
position:absolute;
left:50%;
transform:translateX(-50%);
}

But now the front page looks like this – part of the logo image is covered by the header image : https://ibb.co/HBsX35r

Please let me know if I need to remove any css, or add more to be able to solve his.

I’d rather like to keep the size of logo like this, so maybe it’s possible to move the header image a bit down?

[Becky]

Hi,

I tried to make a little modification to the CSS, the header image did move down, but there is actually another image under the header image, as you can see here: https://ibb.co/K6FktBL

.custom-header-content {
margin:30px auto;
padding:300px 120px !important;
}

If possible, I’d like to solve the issue today, thank you very much for your assistance.

[Skandha]

@becky7852: For centering the logo remove all the CSS you have inserted for the logo and add the following Code.

.site-branding {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
}

This should work out!

Please post in your site URL so that I can look into the header image issue.

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

[Becky]

If I removed the other codes I inserted, only keep the one you provided, the logo image is gone!

First of all, I Went to Site Identity > Upload a logo image > Untick “Display Site Title and Tagline” and preview = No logo shows up.

I went to Custom CSS and put the CSS code you mention = Still nothing shows up

[Becky]

Oh by the way, the logo image is a SVG file. Maybe that’s why?
If I don’t use a svg file, the image will be blurry. Or maybe you can suggest me something to deal with the blurry image?

[Becky]

Hi,

Please click the two screenshots below, so you can see the CSS I inserted, how the logo is shown, and what the problems are :

1. Logo SVG file : https://ibb.co/pZC2rDZ
2. Logo Jpeg file : https://ibb.co/jRLN6LB

FYI: I tried to use the same jpeg file for my current WordPress theme, it’s sharp and clear, but when I use the same image for your theme, it’s blurry 🙁

Please provide solutions, thanks!

[Becky]

Hello,

Can anyone help me with my issues :(?

[Skandha]

@becky7852: Since your site is not live I will need to login to your site and look into the issue. For that I will need your WP admin credentials. I will contact you shortly by email.

Kind Regards,
Skandha

[Becky]

Hi @Skandha,

Did you receive the email I sent? There are issues with the theme Catch Fullscreen Pro.
May I get some feedbacks from you soon?

[Skandha]

@becky7852:
1. The colors you mentioned seems to be changing well at my end. You don’t seem to have a button on your site.

2. The fonts seems to be changing at my end.
Go to => Appearance => Customize => Theme Options => Font Family Options => And changes fonts

3. The title of each category already seems to be in the center.

4. The title of post already seems to be in the center both on mobile and desktops.

5. Please let me know which image caption font you would like to change and I will provide you the CSS.

6. The images on the archive page already seem to be full width.

I checked for the issues but did not seem to find any issues.
Let me know how i can help you out!
Kind Regards,
Skandha

[Author]

Posts