- This topic is empty.
-
AuthorPosts
-
March 16, 2017 at 4:18 am #252836casioBHParticipant
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 #252838Paulie_DMemberInstalled it into what?
March 16, 2017 at 6:03 am #252842casioBHParticipantInto 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 #252860ShikkedielParticipantLooks 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 #252870casioBHParticipantYes, 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 #252871ShikkedielParticipantI 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 #252872casioBHParticipantI’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 #252873casioBHParticipantI have tried that but it does not afect to anything, it is all at the same place…
March 17, 2017 at 10:11 am #252880ShikkedielParticipantI noticed the attempt but did not see any
!important
to override the inline style…March 19, 2017 at 11:37 pm #252945PearlFleetwoodParticipantDid 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.
-
AuthorPosts
- The forum ‘Back End’ is closed to new topics and replies.