Forum Replies Created

Viewing 20 posts - 41 through 60 (of 133 total)
  • Author
    Posts
  • in reply to: Resize header image #169096
    catwingz
    Participant

    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

    in reply to: Resize header image #169056
    catwingz
    Participant

    Hi Skandha,

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

    Thanks

    in reply to: Resize header image #168894
    catwingz
    Participant

    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

    in reply to: Resize header image #168893
    catwingz
    Participant

    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

    in reply to: Link color #168892
    catwingz
    Participant

    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.

    in reply to: Resize header image #168825
    catwingz
    Participant

    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

    in reply to: Resize header image #168613
    catwingz
    Participant

    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

    in reply to: Resize header image #168440
    catwingz
    Participant

    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

    in reply to: Resize header image #168353
    catwingz
    Participant

    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!

    in reply to: Resize header image #167962
    catwingz
    Participant

    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

    in reply to: Resize header image #167906
    catwingz
    Participant

    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

    in reply to: Resize header image #167434
    catwingz
    Participant

    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

    in reply to: Give page an image border #167277
    catwingz
    Participant

    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!

    in reply to: Resize header image #167276
    catwingz
    Participant

    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!

    in reply to: Resize header image #166926
    catwingz
    Participant

    I’ve put it back up. A giant middle with both sides out of view. Thank you

    in reply to: Give page an image border #166925
    catwingz
    Participant

    Hi Skandha,

    I tried it but the image doesn’t appear. I feel like if it could at least display that it would be easier to get a handle on the repeat, etc.

    Thank you

    in reply to: Background image size issue #166890
    catwingz
    Participant

    Hi Skandha,

    No, I mean the background image for the page. In the customizer there is a place provided to upload one. No dimensions are suggested, and I know this can get crazy.

    thank you

    in reply to: Center and enlarge logo #166684
    catwingz
    Participant

    Hi Skandha,

    My apologies— over the weekend she decided to reinstate the text title and relocate the logo to the banner where it can be as large as she wants it to be. Stay tuned for the next thread…

    Thank you

    in reply to: Center and enlarge logo #166463
    catwingz
    Participant

    Oops. This is what I get for borrowing code from another site. I am still trying to solve the new mobile issue, but including the last addition this is the full roster of changes so far:
    `/* To make the logo larger */

    @media
    screen and (min-width:480px) {
    .custom-logo {
    max-width:360px;
    }
    }
    /* To remove Search Field */
    #search-container {
    display:none;
    }
    #header-content {
    padding-bottom:100px;
    }
    /* mobile logo */

    @media
    screen and (max-width: 360px) {
    #header-content {
    padding:10px;
    }
    }

    in reply to: Center and enlarge logo #166460
    catwingz
    Participant

    Hi Skandha,

    It looks like I was on the right track but didn’t tae it far enough. To get the logo where I wanted it for desktop it needed to be

    #header-content {
            padding-bottom:100px;
    }
    

    That said, now I have created a problem for myself as this leaves too much space for tablets and phones. I tried this (and with different browsers) but it doesn’t seem to make a difference:

    /* mobile logo */
    @media screen and (max-width: 360px) {
      #branding img {
        padding-bottom:10px;
      }
    }

    What am I missing?

    Thank you!

Viewing 20 posts - 41 through 60 (of 133 total)