Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 4, 2017 at 7:25 pm #816460
    bejan2k

    Hi
    I am having issues with the slider main text and the caption font for the slider I am aware i can change the font in the advanced styling tab for these, but it is very strange that when I add CSS I changes my font and also makes my products width changes. Could you help?:)

    I am also having issues with vertically centering my text when using mobile with the slider do you have any css code for this?

    • This topic was modified 7 years, 4 months ago by bejan2k.
    July 4, 2017 at 9:03 pm #816484
    Jordan Shannon

    Hey bejan2k,

    Could you elaborate on the issue. I am not currently seeing the problem.

    Best regards,
    Jordan Shannon

    July 4, 2017 at 9:11 pm #816495
    bejan2k

    Well i am updating the slideshow caption heading, buttons and slideshow titles and nothing is happining the font seems to be stuck with a default bold font. It is strange because when i remove the CSS code i entered it then works. The CSS code shouldn’t effect the text.

    July 4, 2017 at 9:16 pm #816498
    Jordan Shannon

    Hi,

    If there is a error somewhere in the css written, it causes a break in styling. You need to confirm that you have no css errors.

    Best regards,
    Jordan Shannon

    July 4, 2017 at 9:23 pm #816501
    bejan2k

    Hi Jordan this is the CSS code could this be causing the issues if so could you do the code so its better?:P

    @media only screen and (max-width:767px) {
    #header_meta {
    background-color: black !important;
    color: #fff !important;
    }

    @media only screen and (max-width: 767px) {
    #header_meta {
    display: none;
    }
    .responsive .logo {
    top: 20px;
    }
    ul.cart_dropdown {
    display:none !important;
    }
    @media only screen and (max-width: 450px) {
    .avia-section-large .content {
    padding-top: 58%;
    padding-bottom: 70px;
    }

    July 4, 2017 at 9:34 pm #816504
    Jordan Shannon

    Hi,

    Yes this is no good. It should be formatted like this:

@media only screen and (max-width:767px) {
#header_meta {
background-color: black !important;
color: #fff !important;
}}

@media only screen and (max-width: 767px) {
#header_meta {
display: none;
}
.responsive .logo {
top: 20px;
}
ul.cart_dropdown {
display:none !important;
}}

@media only screen and (max-width: 450px) {
.avia-section-large .content {
padding-top: 58%;
padding-bottom: 70px;
}}

    Also understand that as you have the #header_meta written above it will only read the second rule, which is to have set to display:none;

    Best regards,
    Jordan Shannon

    July 4, 2017 at 11:04 pm #816528
    bejan2k

    Thanks Jordan, this is perfect solved can close thread:)

    July 4, 2017 at 11:23 pm #816532
    Jordan Shannon

    Hi,

    Great! If you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Fonts and mobile slider help’ is closed to new replies.