Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 16, 2017 at 2:03 pm #808962
    steviger

    Hi,

    I’m using Content Views Pro to display blogposts in the Layer Slider. In order to make the title and text responsive, I use queries.
    Everything works kinda fine but I just can not make te font size go smaller when resizing my screen to (for example) 1024px.

    The ID of the CV pro item is [pt_view id=”8c857b364z”]. When I try these options:

    @media only screen and (max-width: 1024px) {#pt-cv-view-8c857b364z h4.pt-cv-title {color:#ff6600!important; font-size:18px!important;}}

    Give the layer a class:

    @media only screen and (max-width: 1024px) {#someclass h4 {color:#ff6600!important; font-size:5px!important;}}

    The font turns orange but nothing happens to the font size.

    Same with the content itself:

    @media only screen and (max-width: 1024px) {#pt-cv-view-8c857b364z .pt-cv-content, #pt-cv-view-8c857b364z .pt-cv-content :not(.pt-cv-readmore){color:#ff6600!important font-size:14px!important; font-weight:300!important;}}

@media only screen and (max-width: 1024px) {#someclass p {color:#ff6600!important; font-size:14px!important;}}

    So basicly the mark up is ok since it does turn orange, but what do I need to do in order to make the font size smaller?

    Best regards,

    June 19, 2017 at 8:34 pm #809945
    Victoria

    Hey steviger,

    You have the styles for that exact element on the page with the !important and it does not get overridden.
    Too many !important declarations are bad, they create this kind of conflicts.

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
    Best regards,
    Victoria

    June 19, 2017 at 9:38 pm #809989
    steviger

    Sure, no prob!

    June 19, 2017 at 9:45 pm #809993
    steviger

    Sorry. New password…

    Best regards,

    Steven

    June 22, 2017 at 9:57 am #811415
    Ismael

    Hi,

    The plugin is adding internal css styles with the !important rule and it’s taking more priority than the custom css modifications.

    #pt-cv-view-8c857b364z .pt-cv-content, #pt-cv-view-8c857b364z .pt-cv-content *:not(.pt-cv-readmore) {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
}

    Please contact the plugin author for more info.

    Best regards,
    Ismael

    June 29, 2017 at 1:29 pm #814441
    steviger

    Hi,

    Thanks for your answer.
    I found the reason why. You can style the content within the plugin, hence the internal css styles with the !important. If Ijust style it in my CSS style sheet it works. I came across another issue while placing shortcodes in the layer slider. I have two slides with each a shortcode for 1) displaying blogs and 2) displaying events. Can I only use one shortcode per total layerslider because adding two shortcodes causes problems. I can see the text in the sourcecode but not on the frontend.

    Any ideas?

    Best regards,

    Steven

    • This reply was modified 7 years, 6 months ago by steviger.
    June 30, 2017 at 6:43 am #814815
    Ismael

    Hi,

    What are the shortcodes? Please post it on pastebin.

    Best regards,
    Ismael

    June 30, 2017 at 12:20 pm #814930
    steviger

    Hi Ismael,

    These are “just” the Content Views Pro to display blogposts and Events in the Layer Slider.
    Blog posts: [pt_view id=”8c857b364z”]
    Events: [pt_view id=”5ead0cctuf”]

    You can login with the credentials provided earlier if you like.

    Best regards,

    Steven

    June 30, 2017 at 12:57 pm #814941
    steviger

    Hi,

    Find the reason why it didn’t show up. Although it says in the text area of the content layer that it’s shortcode aware, it apparently isn’t. When I use the HTML/Video/Audio area it does work…

    Thanks your help anyway!

    Cheers,

    Steven

    June 30, 2017 at 1:07 pm #814942
    Yigit

    Hey!

    Glad you figured it out!

    Let us know if you have any other questions or issues and enjoy your weekend :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘[SOLVED] Font not responsive in Layerslider’ is closed to new replies.