[catwingz]

Hi Sapana,

I added the CSS. This is an improvement but at least a third of the image is still being cropped. Is there anything else I can try? This is odd having troubles with the specified size.

Thank you

[catwingz]

Hi Sapana,

The image I have created for the header image is 1920px x 1080px. On a 15″ laptop screen this image is being cropped at both the top and bottom so only about half of the height of the image, the middle, is visible. Is this what is supposed to happen?

My confusion about the thumbnail dimensions is because in my experience thumbnails tend to be small and square like 200px x 200px. This is in fact the case with Clean Journal. I suggest the use of the word ‘thumbnail’ may be misleading in this case.

Thank you,
Marsha

[catwingz]

Hi Sapana,

I have been able to move the tagline to the side, but would still prefer to be able to move it under the logo.

This is a link to the: hosts file. Hopefully thiswill work for this purpose.

Perhaps now that there is a link we can revisit the sidebar issue. I have returned to these settings and the sidebar remains on the home page:

-If you want to have sidebar in other page but not in home page then you can follow this steps
Step 1: Go to=> Appearance=> Customize=> Theme Options=> Layout Options=>
Step A: Default Layout=> Select Right Sidebar
Step B: Homepage/Archive Layout=> Select No Sidebar
Step 2: Save/Publish It

this appears to be a bug. Can this be fixed?

Thank you

[catwingz]

Hi,

As I’ve said, I believe we have moved past the column issue.

What I need is to get an answer to this question—

I would like for the .site-identity/tagline to display without the title and be positioned on the left under the logo. I can make the title hide but the tagline overlaps the logo. It may turn out that we prefer them to be centered but the tagline would still need to go under the logo. How can I control the position of the tagline so that it doesn’t conflict with the logo?

Thank you

[catwingz]

Hi Sapana,

My response has vanished so I’m trying again.

Fyi, two columns are offered as an option in the free version (screenshot, but it’s not working. Luckily we’ve come up with a way to use the third column.

I am already using the settings you suggest but the sidebar still appears on the home page. screenshot. What can be done to fix this?

I’m not sure I understand why you would need to see the site to know the CSS. The theme CSS should be the same on any website. I will do more digging.

What about this part?

Also, I would like for the .site-identity/tagline to display without the title and be positioned on the left under the logo. I can make the title hide but the tagline overlaps the logo. It may turn out that we prefer them to be centered but the tagline would still need to go under the logo.

Thank you

[catwingz]

It took me awhile to get to this, but it worked. Thank you

[catwingz]

Hello Skandha,

To recap, my banner image is smaller than the stock one which comes with the theme.
Stock: 1920px x 822px
Mine 1920px x 573px
Both are 72 ppi.

I just tried out a fresh installation of the theme on another site with different hosting. In that scenario, instead of squashing the banner image on mobile, it crops it, treating it more like a background. Given this very different interpretation I am concerned we chose the wrong theme for this website.

Please give me the code which will allow me to substitute a different image for mobile and get past this problem.

Thank you

[catwingz]

Hi Skandha,

After making those changes the desktop view is fine, but the view on mobile is still squashed horizontally.

Thanks

[catwingz]

Or, as an alternative, please give me the code which will enable me to substitute another image for mobile and I will move on.
Thanks again

[catwingz]

Skandha, this code doesn’t accomplish anything. Have you actually tried it? When I use it or plug in all sorts of other numbers the mobile view remains the same. As I have pointed out, since the stock image is affected as well, I am certain this is a problem with the theme which has yet to be addressed.

To recap, my banner image is smaller than the stock one which comes with the theme.
Stock: 1920px x 822px
Mine 1920px x 573px
Both are 72 ppi.

Sorry to be such a pest about this but this isn’t getting anywhere.

Thank you

[catwingz]

This site is in development and can’t be viewed without a login. I thought it would be simplest to target all of the instances of the blue link color in the theme CSS. Unfortunately !important isn’t having an effect.

[catwingz]

Hi Skandha,

This CSS doesn’t solve the problem, but by experimenting with it and other parameters it is becoming clear that “.custom-header-content” appears to control the tinted overlay of the image, and not the image itself.

This needs to be improved upon, but in a jumpy way is solving the size issue with the image:

 @media screen and (max-width: 450px){.custom-header-media img,.header-media,.wrapper {
                /*padding:100px 0px;*/
height: 60% !important;
	 }}
 
@media screen and (max-width:767px){.custom-header-media img,.header-media,.wrapper {
height: 60% !important;
	 }}

However, while it fixes the image, it also results in a large black band beneath the banner image. I could live with my jumpy code if you can tell me how to get rid of the black band.

I tried adding the .custom-heder-content.sections.header.media.section selector to this but it didn’t work.

Thank you

[catwingz]

Hi Skandha,

No, this doesn’t solve anything. Without that CSS the image goes back to being giant on desktop. Also, as I reported previously, on mobile both my image and the stock one for the theme appear squashed horizontally with or without the code.

Before the theme update my image looked fine with the code, but now it’s too short.

I may have solved the desktop issue by changing the CSS to

.custom-header-content{
        padding:150px 0 !important;
}

However, it doesn’t help mobile, and everyone is going to have problems with this. I hope someone there can figure out a solution and update the theme.

Thank you

[catwingz]

Hi again,

It appears that the theme update also included a change to the intended dimensions of the banner. When I restored my code and image it is now also being cropped vertically—much narrower than before. This is a step backwards. I hope this can be resolved soon.

Thank you

[catwingz]

Hi Skandha,

First, I am happy to report that the theme update fixed the problem with the header media title and text.

The CSS was an improvement, but still not quite there. Now the banner image is reduced to mobile dimensions but, instead of shrinking the image, it is instead squashed horizontally.

I experimented and commented out the

.custom-header-content{
	padding:112px 30px !important;
}

and restored the stock image. I discovered that it is squashed in mobile as well, so this is a flaw in the theme and will affect everyone who uses it. Help!

[catwingz]

Hi Skandha,

This doesn’t make any sense. My banner image is smaller than the stock one that comes with the theme.
Stock: 1920px x 822px
Mine 1920px x 573px
Both are 72 ppi.

This all started because we wanted it to take up less room on the page. I used the code you suggested and ended up keeping the padding figure the same. Surely there is a better solution to this situation.

Thank you

[catwingz]

Hi Skandha,

I don’t know how I missed this before, but now the banner image stays full-sized in mobile. What should I add to restore responsiveness?

Also, I’d like to be able to launch it soon. Are you able to tell me when the theme will update to fix the text issue in the banner?

Thank you

[catwingz]

Hi Skandha,

I added the CSS and deleted the text I had put in to keep the banner visible—and the banner disappeared again. What next?

Thank you

[catwingz]

Hi Skandha,

That was a huge step in the right direction. I modified it to `#page {
border-image-source: url(“https://dynamictherapies.net/wp-content/uploads/2019/02/vineBorder.png”);
border-image-repeat: round;
border-image-slice: 15;
border-image-width: 18px;
}`
changing the figure for slice. The top and bottom are the only parts which are as intended, but after further experimentation the 15 seemed to be the closest it could get—still choppy.

Then I decided to revisit background-image and tried this:

#page {
	background-image: url("https://dynamictherapies.net/wp-content/uploads/2019/02/vineBorder.png");
  background-repeat: repeat-y;
}

which does exactly what I had hoped to accomplish. Thank you very much for your help with this!

[catwingz]

Hi Skandha,

This was great progress and led me to realize there is a second problem.

I adjusted the code to `.custom-header-content{
padding:112px 40px !important;
}
`
to allow the full width of the image to show. Then I moved onto removing the Header Media Title & Text because they aren’t needed. The problem with this is when there is no text in those Customizer fields the banner doesn’t show either. Is there CSS to compensate for this?

Thank you!

[Author]

Posts