Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Back End CSS can’t be applied

  • This topic is empty.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #252836
    casioBH
    Participant

    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?

    #252838
    Paulie_D
    Member

    Installed it into what?

    #252842
    casioBH
    Participant

    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?

    #252860
    Shikkediel
    Participant

    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.

    #252870
    casioBH
    Participant

    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.

    #252871
    Shikkediel
    Participant

    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;
    }
    }
    
    #252872
    casioBH
    Participant

    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; 
        }
    
    
    }
    
    #252873
    casioBH
    Participant

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

    #252880
    Shikkediel
    Participant

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

    #252945
    PearlFleetwood
    Participant

    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)
  • The forum ‘Back End’ is closed to new topics and replies.