Forums

Give help. Get help.

  • # March 16, 2017 at 4:18 am

    Hello

    After I have installed plugin “Simple CSS” I can’t at all to change font-size , change position left-right, updown, or any value for two title. I can change title position and font-size for desktop version, but for the same title for mobile, id doesn not applied or change any thing.

    this is some code which I want to set for text for mobile:

    @media screen and (max-width: 640px) {
    
    .ms-layer.big-text {
    
     font-size: 25px;
     line-height: 5px
    }
        .ms-layer.medium-text {
    
    line-height: 5px;
          font-size: 20px;`
    
    }
    

    What should I do people?

    # March 16, 2017 at 5:39 am

    Installed it into what?

    # March 16, 2017 at 6:03 am

    Into my wordpress of course, the website is http://www.alerix.ba

    and then chose view 360×460 galaxy S5 for simulation

    and I am trying to change font-size for two titles on the main page actualy on the main slider which contains 4 images. I can do it changes on desktop but not for mobile

    What could be wrong?

    # March 16, 2017 at 12:00 pm

    Looks like the text is inside the <a> tag, you should probably target that instead:

    .ms-layer.big-text a {
    

    Not only will it not have an effect when applied to the parent, in addition the style of that parent has been placed inline so using CSS will not override it unless !important is used. But that is a side note.

    # March 17, 2017 at 3:06 am

    Yes, that was an issue, thank you very much you helped me a lot :)

    Now I have second problem, I need to move button to the left to be justify with slogans.

    I assume it can be sth about positions, and when I put position: relative to the “.ms-layer.top-text” it disapears at al.

    # March 17, 2017 at 4:03 am

    I think I’d go with changing margins there…

    @media screen and (max-width: 640px) {
    
    .top-text {
    margin-top: 10px !important;
    margin-left: 28px !important;
    }
    }
    
    # March 17, 2017 at 5:13 am

    I’ve tried that but it does not afect to anth

    this is my css:

    @media screen and (max-width: 640px) {
        .ms-layer.top-text{
            right: 32px;
            width: 127px;
            height: 14px;
            border: 1px solid rgb(161, 37, 141);
            }
        .top-text {
            margin-top: 10px;
            margin-left: 42px;
            }
        .popup-youtube{
            position: relative;
            font-size: 9px;
            font-weight: normal;
            text-align: center;
            top: 40%;
            right: -7px;
        }
    
         .ms-layer.big-text a{
            right: 32px;
            font-size: 18px;
            line-height: 90%;
            }
        .ms-layer.medium-text a{ 
            top: 10px;
            right: 32px;
            line-height: 90%; 
            font-size: 14px; 
        }
    
    
    }
    
    # March 17, 2017 at 5:16 am

    I have tried that but it does not afect to anything, it is all at the same place…

    # March 17, 2017 at 10:11 am

    I noticed the attempt but did not see any !important to override the inline style…

    # March 19, 2017 at 11:37 pm

    Did you confirm to see if the path of the CSS file is accurate in the HTML? If they are not in the same folder you need to specify the path.

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag