[Michelle]

I am using the Adonis Free Theme by Catch Themes https://catchthemes.com/theme-instructions/adonis/

I added the logo in “site identity” and selected “entire site” as the option. The logo appears on all other page headers, but not the home page. Examples:

No logo: http://www.masihifinancial.com/
Logo: http://www.masihifinancial.com/about/

I also tried other options from the dropdown on the site identity section of customization, but none worked to show the logo on top of the header image on the home page.

I also can’t remove the search icon from the header menu. I used custom CSS #header-right-search {
display:none;
}

But that didn’t work.

[Skandha]

@meshellmckinley: Please try disabling all your plugins and check if this resolves the issue.
Let me know if the issue persists.

Kind Regards,
Skandha

[orthosoc]

I am actually having the reverse problem of the OP – I choose only enable the logo on “Homepage/Frontpage” and it still appears on every other page along with a big black box, which are driving me crazy. I may have to switch themes if I can’t figure this out. Any help, Skandha? I am very new to this and I’m hoping the solution is obvious. A work in progress: https://ybo.ewq.mybluehost.me/

Thanks!

[Skandha]

@orthosoc: I don’t think this is an issue. It is clearing mentioned in the customizer in the site identity
When disabled/shown only on homepage, Site Title and Tagline will only be removed only from user view for accessibility purpose
You can check out the screenshot below:
https://www.dropbox.com/s/r73ztcmc37vf8wt/screenshot-site-identity.PNG?dl=0

If you want the logo to be displayed only on the homepage
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

body:not(.home) .custom-logo-link {
       display:none;
}

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

[orthosoc]

Thank you, Skandha! I must admit, though, that I really don’t understand what “When disabled/shown only on homepage, Site Title and Tagline will only be removed only from user view for accessibility purpose” means in terms of English comprehension because it really doesn’t make much sense, mainly the last portion “will only be removed only from user view for accessibility purpose”. I tried all those options early on and saw their effects, but the logo itself was unaffected. Your code, though DID work, which is great because I tried variations of that code that I found on the web with no results. However, the giant black box remains and I’m not sure why that is:

https://ybo.ewq.mybluehost.me/wp-admin/customize.php?return=%2Fwp-admin%2Findex.php

When I remove the logo entirely using the option in Site Identify, then this black box goes away, so it must be linked to that option, but I’m not sure why. Suggestions? This should be the last hurdle I need to overcome before I begin building this site in earnest.

Also, maybe you know this answer: I am tempted to buy the full version of this theme since I like it overall, and especially now that you are helping me with the main issue I have, but can you summarize what’s different? What I mean is that I have read through the list of what’s included, but I don;t fully understand how it’s different from what I already have for free, but I assume it can be summarized as : “more options and greater control”. Is that correct?

-Derek

[Skandha]

@orthosoc: That is strange. You will need to provide me your admin credentials so that I can have a look at your customizer settings and try to resolve the issue. I will contact you shortly by email.

About upgrading to pro, you will get additional-features which are exclusively available in pro version of the theme. Basically you will have more features and option than in the free version which will give more control.

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

[Skandha]

@orthosoc: To remove the black space you will need to add the following CSS Code.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

body:not(.home) .custom-header {
	display:none;
}
body:not(.home) .breadcrumb-area.custom {
	padding-top:90px;
}
body:not(.home) #masthead {
	background-color:#000;
}

Let me know if this works out!
Kind Regards,
Skandha

[Skandha]

@orthosoc: Maybe you did not receive notification mails because you did not check “Notify me of follow-up replies via email” option.
This was not an issue and is just a default theme feature.

I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/adonis/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[orthosoc]

Skandha, I’ve almost completed my site and have been beta-testing it with people around the world. Unfortunately, there seems to be something wrong with the coding for one of the theme’s great features and I’m hoping, once again, that you have a solution. I uploaded 12 images to the Header Media option and set them to randomize. My understanding was that this means a new image will appear each time the site is refreshed or a subsite is accessed and then you return to the Homepage. At least, this is what happens when I am logged in as an admin and it’s been great. However, my testers report that, on multiple browsers and device types (tablets, phones, PCs, Macs), this is not what they see. I logged out and check on a few devices myself and I experienced the same thing – a random image loads when you first arrive and then it only seems to change after you leave the entire site and come back some time later. Any idea why this is? I really love how it’s set up now and want the ability I described at the beginning.

Also, I added a plug-in called Easy Google Fonts because I needed access to fonts not found in the theme and also gained the ability to create a nice box around the title of my site on top of the header media. It’d be wonderful if you know of a way to add some transparency to this box, so the header images can be seen. Originally, I was not going to use the box, but I realized that I could never find a good color to be seen on top of all desired images. I think this would be a great option to add to the theme for that reason.

Thanks!

[Skandha]

@orthosoc: I checked the issue at my end and the header image seems to be changing every time on refresh. Please make sure you clicked on Randomize uploaded headers option before publishing.

To make the site-title box transparent
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.site-title a, .site-title a:hover {
	color:#000;
}
.site-title {
	background:none;
}

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

[orthosoc]

Skandha, that code is great! I even managed to add more color to it and move the title around with some additional code I found. Wonderful!

However, the refreshing problem is still an issue. More people have been testing it and all are experiencing the same issue I explained. When it worked for you, were you logged in as an admin? If so, then it works perfectly. If not, it doesn’t really work and only seems to change with time. I.e., you go to the homepage, go away, come back in a few minutes, and only then has the image changed. Very strange. I most definitely have the “Randomize uploaded headers” option selected, so that can’t be it.

[Skandha]

@orthosoc: I will contact you shortly by email. You will need to provide me your admin credentials so that I can look in to the issue.

Kind Regards,
Skandha

[Skandha]

@orthosoc; This maybe due to caching issue. Try clearing you server cache and let me know if this solves the issue.

Kind Regards,
Skandha

[orthosoc]

@Skandha: Can you please advise me on how best to clear the cache? I did so on various browsers, but it didn’t help. If you mean clearing it on WordPress, my basic understanding is that I need a plugin to do that. Can you recommend one?

Meanwhile, the refreshing issue continues to persist across multiple computers, networks, and other devices I’ve tried. A colleague in Argentina said it works for her pretty well on Chrome on a PC, but only when she refreshes the homepage and not when she visits a page and then comes back to the homepage. Very odd.

Also, a few more things that I am hoping you can help with.

1) What size is the box displaying the Header Media? I need to know, so I can create images that fit perfectly with Photoshop. The options seem to suggest 1920×954 pixels, but this can’t be right because when I do that the images are still cut off sometimes. I even tried making images smaller than that and they are STILL cut off sometimes. The process seems random.

2) Is it possible to disable the Featured Image link in Feature Content? I have looked through all the options, but can’t find a way. I want the Featured Content to stand on its own permanently on the homepage and not bring anyone to a separate page when you click on the Featured Image. The easiest way to do this is to disable the linking ability of the image.

3) Is it possible to remove the excess space between the Header Media and Featured Content sections? The site would look much cleaner without it.

4) Same as above, but focused on removing the excess space at bottom of Featured Content.

Thank you! The site is not yet live, but the people I’ve showed it to are really liking it, especially the header media portion and general lay-out made possible by your theme.

[Skandha]

@orthosoc: To clear you server level cache you will need to contact you web server or host.

1) The size of the header media box displaying the Header Media depends on the size of the screen. The recommend image size for header image is 1920*954px or images with similar aspect ratio. Let me know where the images being cut off.

2)To disable the Featured Image link in Featured Content
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.home .archive-post-wrapper .post-thumbnail {
	pointer-events:none;
}

3) To remove the excess space between the Header Media and Featured Content sections.

#clients-section {
	display:none;
}

4) To remove the excess space after Featured Content sections

.archive-post-wrapper {
	padding-bottom:0 !important;
}

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

[orthosoc]

@Skandha – great news! I contacted my site host and they were able to easily clear the cache, which fixed the refresh problem instantly! Very exciting!

1) Oh, good, I definitely created all 12 header images using a 1920*954px template, so I don’t know why they sometimes get cut off – top, bottom, left, and right; it’s very random and only occasionally. Here’s a picture of the cockroach image from my template:

https://1drv.ms/u/s!AlV_P2U9b7-9go5spkcyRT2ZeSwjQg

You can go to the homepage (https://ybo.ewq.mybluehost.me) and refresh until you get the same image to compare it to. Currently, on my PC screen on Chrome/IE, the image is shorter at the top compared to the template version. Also, I just checked the mobile version on my Samsung phone and the site title banner is partially hidden under the menu banner for some reason. Very strange. It’s almost as if the coding for this section of the site is somehow unstable.

2) Unfortunately, this code didn’t work, and I even tried some variations to experiment. The image still links me to the post I would like to keep hidden.

3) Same with this code, although it DOES do something – it hides the Logo Slider that I placed between Featured Content and News, and I definitely want to keep it. I also tried variations on this code, but no luck.

4) Same with this code, but I think I don’t need it after all. I added a button to Featured Content that fills the extra white space nicely.

Thank you as always! Also, can you recommend a good site to learn CSS used for this site? I can “read” your codes and understand what they are doing, but I don’t understand how to know what key words to use in the code and it’d be interesting to learn.

[Skandha]

@orthosoc:
1. Little bit of the image will get cropped off in order to fit to the screen size perfectly. I don’t think you can do much for that.

2. You don’t seem to have enabled Featured Content on your site. Are you talking about the latest news section?

3. I don’t see a Logo slider on your site. Isn’t this your site URL: https://ybo.ewq.mybluehost.me?

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

[orthosoc]

@Skandha:
1) That’s too bad, but understandable, which is why I tried to put the images towards the center.

2) I’m confused – I definitely have it enabled. I checked the site on multiple platforms and here is a screenshot showing that I’ve enabled it:
https://1drv.ms/u/s!AlV_P2U9b7-9go5tpXHa0WFuc6MqXw

3) Same as above:
https://1drv.ms/u/s!AlV_P2U9b7-9go5uIQvOaEABScIfkQ

In case you’re curious, I’d prefer to embed those as images, but the img tag function doesn’t appear to work for me.

4) I have another odd situation for you that you may have an answer for: a colleague tells me that some page titles do not look very pleasing in Safari and Firefox while they look great on mobile, Chrome, and IE. Here is an example of what he is seeing:
https://1drv.ms/u/s!AlV_P2U9b7-9go5vjd7GmNaiE49HVg

vs. the actual site and what I see on Chrome (which is perfectly aligned words that do NOT bleed onto multiple lines):
https://ybo.ewq.mybluehost.me/wp-admin/customize.php?url=https%3A%2F%2Fybo.ewq.mybluehost.me%2F

Is there a way to write the code, so that it looks as clean as it does on Chrome/IE on other browsers or is this just the nature of how these things work sometimes?

5) I asked about CSS coding tutorials/sites to learn more – do you have any recommendations?

Thanks!

[orthosoc]

@Skandha – just checking in on my last post. Thanks!

[Skandha]

@orthosoc:

2) To disable the Featured Image link in Featured Content
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.featured-content-thumbnail.post-thumbnail {
	pointer-events:none;
}

3) You have enabled Logo Slider as post type but you have not selected any posts to show as logo slider. Please select some posts. Its better if you use Image Type as Logo Slider to show your logos.

4)For that
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.entry-title {
	hyphens:none !important;
}

5) To learn CSS Codings I recommend you W3Schools.

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

[Author]

Posts