Forum Replies Created

Viewing 30 posts - 181 through 210 (of 484 total)
  • Author
    Posts
  • in reply to: Content Element: Icon – On Mobile Site #598302

    1. All media queries are combined. Thank you

    2a. Yes the point I am making is that the CSS is perfect on ALL devices except the iPhone 6s Plus. If I adjust the CSS then it will not be perfect on all the other devices. (iPhones 4s,5s, 6 and Android HTCONE)

    2b. You told me to change this CSS HERE

    And this css declaration is not good because it will affect all color sections:
    
    .avia-section {
    height: 165px;
    }

    I pointed out that Andy told me to use that CSS
    ANDY CSS HERE

    The question is what do you want me to change it to? I understand logically what you are saying, but I’m not sure what the correct declaration is.

    AND why is the section perfect on all devices except the iPhone 6s PLUS? And maybe other Androids that are that size?

    ALSO if you notice the icons inside the circles are very tiny on the 6s Plus. Look at it on your phone to contrast.

    PLEASE log in and look at my CSS and tell me what you think is causing the problem. You have logged in before for me on a mother site some time ago. If I ever needed it I need it now.

    I am 99% of the way there. I have the last small problem left to solve then I can use this CSS on all other site with this element.

    I really think after many days have passed that you have to go back to reread what is going on. This post I am making today is mainly repetitive. I know it’s been a bit confusing and I greatly appreciate your help.

    Thank you in advance,

    Jasmer

    in reply to: Social Icons Crowding on Mobile Site #598293

    HI Ismael,

    1. I added CSS right: 40px; to center it perfectly and adjusted padding a little. See below. But on the iPhone 4s and Android HTCone the icons are wrapping. Is there anyway to stop this? See screenshot below. This is the CSS I used. Is it wrong?

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #header {
        padding-top: 25px;
    }
    
    .responsive.html_header_top.html_mobile_menu_tablet #header_main .social_bookmarks {
        display: block !important;
        top: -5px!important;
        right: 40px;
    }
    }

    2. I’d like a white horizontal rule between the icons and the logo. How can I add this? (Once I solve the above #1 problem)

    Thank you,

    Jasmer

    • This reply was modified 8 years, 9 months ago by Jasmer. Reason: added screenshots
    in reply to: Content Element: Icon – On Mobile Site #595529

    Hi,

    Thanks.

    1. Per your suggestion I changed I combined the CSS into one. Thank you this is good to know. I see 4 “@media only screen and (max-width: 767px)” Does this mean I need to combine all 4 in the list above?
    So far, it does not change the iPhone 6s Plus (see below)

    2. This is the CSS Andy gave me here. What CSS do you suggest? This is a little tricky.
    Andy CSS Here

    Thank you for your help!

    Jas

    in reply to: Sidebar Widgets Consistency #595521

    Yigit! Gracias!

    Solved! You can close this topic.

    Jas

    • This reply was modified 8 years, 9 months ago by Jasmer.
    in reply to: Sidebar Widgets Consistency #592589

    Almost!

    1. This created a small problem in the search bar. The search icon border became longer.

    2. While we are here can we adjust the size and radius of the search field to match the others? Number 1 above is probably correct we just need to make the input field larger vertically, then radius the corners.

    3. I had to add this CSS to raise the top section subscribe button to match the bottom subscribe button.

    p#subscribe-submit {
    position:relative;top: -13px;
    }

    I have numbered in the screenshot below.

    Thank you!

    in reply to: Content Element: Icon – On Mobile Site #592071

    Hi Yigit,

    Thank you so much for helping me. This isn’t working. I think I may have an error in my CSS somewhere. You can take a look if you like. ALSO, I tried to move ALL CSS from quick CSS to Editor > style.css so I could have more room to work. Once I moved the CSS from Quick CSS to style.css, none of the CSS worked at all. So, I put it all back.

    1. Do you know why no CSS is applied when deleting from Quick CSS to moving to style.css?

    2. I attempted to change the values and it has no effect on my iPhone 6s Plus. The center icons are way to the right off-center. (see screenshot). I tried !important.

    3. It looks perfect on an Android HTC ONE, iPhone 5s and iPhone 4s but looks not good on an iPhone 6. I had to edit the values a few pixels in a couple of locations.

    4. This is ALL the CSS I have so far. We are almost there. This will be good so I can use it on my other sites!

    /*mobile - icon - color section content*/
    
    @media only screen and (max-width: 767px) {
    #top #wrap_all #photo-center .flex_column.av_one_third {
        width: 31%;
        height: 485px!important;
        float: left;
        clear: none;
        margin-left: 1%;
    }} /*content element: icon*/
    
    @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) { 
    a.av-icon-char {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    }} /*icon content element size*/
    
    @media only screen and (max-width: 767px) {
    #photo-center .av-parallax .av-parallax-inner {
        background-position: 50% 50% !important;
        height: 165px !important;
    }} /*move background image*/
    
    @media only screen and (max-width: 767px) {
    .avia-section {
    height: 165px;
    }} /*adjust color section size*/
    
    @media only screen and (max-width: 767px) {
    span.av_font_icon.avia_animate_when_visible.av-icon-style-border.av-no-color.avia-icon-pos-center.avia_start_animation.avia_start_delayed_animation {
    position: relative;
    top: -40px;
    }} /*icon element position height*/
    
    @media only screen and (max-width: 480px) {
    #photo-center a.av-icon-char {
        width: 15px!important;
        height: 15px!important;
        line-height: 13px!important;
    } /*center icon position in icon element*/
    
    #photo-center a.av-icon-char:before {
        left: -12px;
        position: relative;
    }
    
    #photo-center .av_icon_caption {
        font-size: 13px;
    }}
    
    @media only screen and (max-width: 580px) and (min-width: 481px) {
    #photo-center a.av-icon-char:before {
        left: -2px;
        position: relative;
    }}
    • This reply was modified 8 years, 9 months ago by Jasmer. Reason: Updated Screenshots
    in reply to: MailChimp plugin error #592026

    I think I discovered the issue. Please leave this open for a bit while I check it out. The errors could have been caused by Jetpack Photon (CDN). Apparently Jetpack uses mandrill app by MailChimp. Confusing I know.

    The images above had an irregular character in the title. It was the accent in the word México. There were some other errors however so I’ll take a few days and check it out and get back to you.

    Thanks,

    Jas

    in reply to: Ajax Search Dropdown Menu #589796

    You’re right! Thank you Yigit! close topic..

    Jas

    in reply to: Ajax Search Dropdown Menu #589788

    Perfect thank you!

    Question:

    I have a child theme. What is the difference between:

    1. Appearance > Edit CSS

    2. Appearance > Editor > style.css

    Is #1 not the Child CSS? and #2 is?

    I want to move all my CSS out of Quick CSS to either #1 or #2.

    Thank you

    in reply to: Mobile Menu Social Icons #589773

    Done! Thank you!

    Close topic..

    Jas

    in reply to: Ajax Search Dropdown Menu #589763

    Thanks just need to lighten the date under the post titles then make sure they are still visible on hover. I think that should do it.

    Thanks,

    Jas

    in reply to: Mobile Menu Social Icons #589698

    Hi Yigit,

    I added that and it turns light again but this time on all mobile devices.

    Before we edited the functions.php it was only light on iPhone now it is light on both iPhone and Android. So the problem has worsened. Must be some conflict somewhere.

    Hmm. Any ideas Yigit?

    Thank you

    in reply to: Ajax Search Dropdown Menu #589672

    Hi Yigit,

    That kind of caused the opposite problem. Hmm.

    1. The date stamp is grey and can’t be seen

    2. On hover the title text disappears. I think ti has to change on hover for the text to stay visible.

    Thank you for your time,

    Jas

    in reply to: Instagram Widget Not Recognizing Column and Photos settings #589640

    I might :) It is very close now so, if I start a new topic, I will tag you in the post. If there is a certain way I should tag you please let me know. You can put those directions in private content if you like.

    You can close this topic.

    Thank you!

    in reply to: Mobile Menu Social Icons #589638

    Thanks Yigit!

    Yes that fixed it but I lost the click-ability of the phone number. Can we get that back so people can click to dial?
    I’m sure when we removed the link to dial that solved the issue because it made all text the same.

    Here is the mobile device CSS that is currently active on the site.
    It is near the top of Quick CSS

    @media only screen and (max-width: 768px) {
    #top .av_header_transparency .phone-info, #top .av_header_transparency .phone-info span {
        color: #555555!important;
    }} /*phone info*/

    Also I found this CSS for the desktop site. Could it be conflicting?
    Desktop site looks perfect.
    This is just below the code above.

    .header-scrolled .phone-info span {
    color: #8f8c8f;
    }

    Thank you

    in reply to: Content Element: Icon – On Mobile Site #589633

    HI Yigit!

    Almost! First, THANK YOU for helping me. I appreciate your time. My goal is to make this work for all my sites. I”m sure when I solve it for this site it will work for all other sites. I am going to try to not be too picky :) but here is what has happened.

    I. On iPhone 6s Plus the icons were not centered so I adjusted the code to center the icons within the circles.
    see screenshot 1
    This part I changed from -10px to -2px

    #photo-center a.av-icon-char:before {
        left: -2px;
        position: relative;
    }

    II. Result > caused center icons to be off-center on Android and iPhone 4s screens. I”m guessing it is probably off center for your iPhone 5s. Hmm.
    see screenshot 2.

    III. Objectives:
    A. I am trying to achieve the same dimensions for header slider and this icon section. On the iPhone 6s Plus, and I think on the iPhone 6 they are the same size.
    B. I am trying to achieve centering of all icons on all mobile devices.

    IV. I moved ALL code we’ve added throughout this thread to the bottom of quick CSS. Perhaps something is conflicting?

    /*mobile - icon - color section content*/
    
    @media only screen and (max-width: 767px) {
    #top #wrap_all #photo-center .flex_column.av_one_third {
        width: 31%;
        height: 485px!important;
        float: left;
        clear: none;
        margin-left: 1%;
    }} /*content element: icon*/
    
    @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) { 
    a.av-icon-char {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    }} /*icon content element size*/
    
    @media only screen and (max-width: 767px) {
    #photo-center .av-parallax .av-parallax-inner {
        background-position: 50% 50% !important;
        height: 165px !important;
    }} /*move background image*/
    
    @media only screen and (max-width: 767px) {
    .avia-section {
    height: 165px;
    }} /*adjust color section size*/
    
    @media only screen and (max-width: 767px) {
    span.av_font_icon.avia_animate_when_visible.av-icon-style-border.av-no-color.avia-icon-pos-center.avia_start_animation.avia_start_delayed_animation {
    position: relative;
    top: -40px;
    }}
    
    @media only screen and (max-width: 480px) {
    #photo-center a.av-icon-char {
        width: 15px!important;
        height: 15px!important;
        line-height: 15px!important;
    }
    #photo-center a.av-icon-char:before {
        left: -2px;
        position: relative;
    }
    #photo-center .av_icon_caption {
        font-size: 13px;
    }}
    in reply to: Content Element: Icon – On Mobile Site #587137

    Thank you Andy,

    It works. I have one question..

    I like to have my CSS organized. So, I moved your CSS from the bottom of Quick CSS, to near the top of the Quick CSS.
    When I put it at the top, it does not work.
    When I put it back at the bottom it works.

    I am cut and pasting and not changing anything as I have done many times. I’ve tried this several times with the same result.

    Why does it matter where I put the CSS in the Quick CSS area? I need to know this for when I use it for my other sites. Should I try rearranging and moving it to the Child Theme CSS?

    Thanks again,

    Jas

    in reply to: Instagram Widget Not Recognizing Column and Photos settings #586142

    Thanks I changed it to

    .av-instagram-item {
    width: 81px;
    }

    It’s still not perfect but it’s close enough.

    If you would please have Christian look into fixing this Instagram plugin, I’m sure all the users would appreciate it. I’m happy to have helped find this bug. I’m sure you can use some of this experience to fix the problem for future releases.

    Lets close this topic.

    Thank you,

    Jas

    in reply to: Content Element: Icon – On Mobile Site #586125

    Andy,

    This CSS has no effect. I changed the value and added !important. Still no effect. If you can’t do it, then I definitely am not going to be able to learn CSS and make this work anytime soon.

    A couple of times other support reps have asked me for my login credentials. That has been helpful in solving difficult problems. Perhaps you can take a look.

    We have come this far. And we are one icon move from finishing. This is going to solve all of my other website problems. I use this element on all of my sites and I am 99% of the way to a solution.

    Thank you,

    Jas

    in reply to: Instagram Widget Not Recognizing Column and Photos settings #586046

    Hmm. Looks ok but now the thumbnails are running together. see below

    in reply to: Content Element: Icon – On Mobile Site #586037

    This is almost perfect. I only need to center the icons now.

    The problem is I cannot bring the icons up to the center no matter what px I put in here.. I started with 85px and went up to 485px. If I put in 1485px it doesn’t make any difference.

    @media only screen and (max-width: 767px) {
    #top #wrap_all #photo-center .flex_column.av_one_third {
        width: 31%;
        height: 485px!important;
        float: left;
        clear: none;
        margin-left: 1%;
    }} /*content element: icon*/
    in reply to: Instagram Widget Not Recognizing Column and Photos settings #586003

    It makes the blocks worse unfortunately. See screenshots.

    These thumbnails do not want to be the same size.

    I left the last CSS you gave me on the page.

    in reply to: Content Element: Icon – On Mobile Site #585987

    Thanks. You are correct Andy. That is not what I am asking for. It just makes the site look broken. So..

    1. I ONLY want to edit the color section height for mobile, as we have discussed at length in this topic.

    2. If I adjust the size in the color section it will change the size on the desktop site which I did not want to do.

    I’ve changed the CSS back to 320px. Do you know CSS that will work for the specific question I am asking for?

    I’m 99% there.

    Thanks,

    Jas

    • This reply was modified 8 years, 10 months ago by Jasmer.
    in reply to: Move Comment Section Element Left #585534

    Thanks Yigit! Quick solution as always!

    Much appreciation! You can close this topic.

    Jas

    in reply to: Instagram Widget Not Recognizing Column and Photos settings #585498

    1. This instagram plugin has a code problem and I helped you by reporting this bug. This is not me requesting a custom theme. As you can see > You thanked me earlier for pointing it out to you here..
    #post-583517
    “wow would have never seen this issue. Thanks for making us aware about it. Regards,
    Andy”

    2. I now have this CSS. I needed both to sort of solve some of the issues. If you go to the site (which I have included below) you will see when you resize it is still a problem slightly. The thumbnails become misaligned.

    .av-instagram-pics.av-instagram-size-thumbnail a.lightbox-added {
    width: 80px;
    height: 80px;
    }

    and

    .av-instagram-item {
    width: 80px;
    }

    3. I or my clients which I have brought to Kriesi have bought 20+ themes. It is a significant investment. I’ll be happy to assist with making your job easier Andy and include links repeatedly in the private content area. Usually this has not been a problem in the past. This topic was to fix a problem with the code in the Instagram plugin.

    in reply to: Content Element: Icon – On Mobile Site #585485

    This does not work. It only makes the photo shorter.

    As you can see the background stays large.

    So to be clear. The color section is not height adjusting with this CSS

    I’d be happy to stop posting on this topic but the CSS you are giving me isn’t working

    doesn’t work

    @media only screen and (max-width: 767px) {
    #photo-center .av-parallax .av-parallax-inner {
    height: 200px !important;
    }}

    Thank you,

    Jas

    in reply to: Instagram Widget Not Recognizing Column and Photos settings #585481

    Andy,

    I’m very sorry. I don’t understand your english. You saying “this” and “it” and then you are telling me above to replace new CSS with old CSS. “replace it with the old one.” why would I replace new CSS with old CSS? Wouldn’t it be the other way around?

    Here is what I have now. Please copy and paste the parts I need and I will delete the rest. Thank you.

    .av-instagram-pics.av-instagram-size-thumbnail {
        width: 70%;
        padding-top: 12px !important;
    }
    
    .av-instagram-item {
        padding: 1px;
    }
    
    .av-instagram-item:hover a {
        opacity: .5;
    } /*instagram hover effect*/
    
    .widget-easy-twitter-feed-widget-container .row {
        margin-bottom: 0;
    }
    
    .av-instagram-pics.av-instagram-size-thumbnail a.lightbox-added {
    width: 80px;
    height: 80px;
    }
    
    @media only screen 
      and (min-width: 414px) 
      and (max-width: 736px) {
    .av-instagram-pics.av-instagram-size-thumbnail a.lightbox-added {
    width: 80px;
    height: 80px;
    }}
    in reply to: Instagram Widget Not Recognizing Column and Photos settings #585471

    The last screenshot was just a blown up repost of your screenshot, where the problem was clearly visible.

    Please clarify something for me. Am I adding the above CSS or am I replacing existing CSS? Please be specific so I know what will solve this issue.

    Thank you,

    Jas

    in reply to: Content Element: Icon – On Mobile Site #585467

    Andy,

    See screenshot below:
    The request is this: I want to adjust the height on the red box which is a color section background. None of the CSS above does this.

    1. On several posts you’re telling me my problems seem to look ok to you. But they don’t look ok to me which is why I am posting a topic.

    2. You’re telling me to post links that are already here in this post.

    3. You’re telling me to post screenshots that are already here in this post.

    This is happening in post after post. and if you look at my other topics I’ve never had this much trouble with any other rep. I don’t know why to say or do here. I think you and I just don’t work well together. When I am working with other reps I don’t have this problem.

    Thank you for your help but this is taking 4 times as long as normal. Please just forward my posts to other reps. I’d appreciate it.

    Jas

    in reply to: Instagram Widget Not Recognizing Column and Photos settings #585453

    Andy,

    I don’t know what to say. I have been struggling to get you to see things which are plainly obvious to me. The first several posts of this topic were me just trying to get you to see what I am seeing. There are several screenshots below clearly showing why the problem is.

    I appreciate your help Andy, but in more than one topic, we struggle with basic communication. When other support reps answer my posts, I have no problem. I think at this point, it would be best if you would please forward this request, other existing requests and future requests to another support representative.

    I do appreciate your help, but we are not working well together. I don’t know what else to do.

    None of the screenshots below happen until we add the last CSS you gave me.
    The uneven spacing does not occur until we add the last CSS.
    BUT, without the last CSS the instagram thumbnails are not perfectly sized.

    Thank you,

    Jas

Viewing 30 posts - 181 through 210 (of 484 total)