Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 7, 2017 at 11:35 pm #789240
    mmsdev

    Applying CSS to a single page has now stopped working:

    If i apply the code in the Private section to the quick css or style it does not work, If i take of the page number ID number off it does work

    No cache plugins are turned on for testing, They are turned back on now though as they had no effect.

    Stuck on this one as i don’t want to apply apply custom CSS to an element on every page.

    Its not just the Full width button thats not taking the page id its any CSS i add with a page ID, without page Id it works fine.

    UPDATE: I am using a custom post type, when tested on a normal page it works fine, any idea how to apply on a custom post type?

    Not sure why it makes any difference? Its still got a page id?

    May 8, 2017 at 1:49 am #789259
    Mike

    Hey mmsdev,
    that page is .page-id-1108 not .page-id-6780 :)

    Best regards,
    Mike

    May 8, 2017 at 3:48 pm #789673
    mmsdev

    No thats the web site home page!

    It is the same on any page that is using a custom post type..

    This is the page it does not work on..

    The custom post type is called “software”

    May 8, 2017 at 4:02 pm #789682
    Sarah

    Hi mmsdev,

    For that page, the class is postid-48111.

    Can you try to use that class instead? If it doesn’t take effect, please try adding the !important rule.

    If that still doesn’t work, please provide us with temporary admin access to we can take a closer look.

    Best regards,
    Sarah

    May 8, 2017 at 5:29 pm #789727
    mmsdev

    So i have set up a new page (post type) to demo the problem in a basic format.

    EG:

    I want to change the size of the text on the fullwidth button to a 28

    The page / post number is 48734

    The code i am applying in the quick css is:

    .page-id-48734 .avia-button-wrap span.avia_iconbox_title {
    font-size: 28px;
    }

    I have also tried:

    .post-id-48734 .avia-button-wrap span.avia_iconbox_title {
    font-size: 28px !important;
    }

    Nothing changes – unless i remove the the .page-id-48734 which does work then it is applied to the whole site.

    May 8, 2017 at 5:33 pm #789728
    Yigit

    Hi,

    Please use the code as following instead

    .postid-48734 .avia_iconbox_title {
    font-size: 20px;
}

    Also, if you are using ALB, you can add Code Block element to your page/post and add following code inside it

    
<style>
.avia_iconbox_title {
    font-size: 20px;
}
</style>

    Best regards,
    Yigit

    May 8, 2017 at 5:42 pm #789738
    mmsdev

    Thats get and works, can i also increase the size of the icon in the button to now match the new size of the font?

    May 8, 2017 at 5:50 pm #789741
    Yigit

    Hi,

    Please add following code to Quick CSS as well

    .postid-48734 .avia_button_icon {
    font-size: 20px;
}

    Best regards,
    Yigit

    May 8, 2017 at 6:37 pm #789766
    mmsdev

    You truly are amazing..

    Thanks so much Yigit..

    May 8, 2017 at 6:52 pm #789771
    Yigit

    Hi,

    You are welcome! We are always happy to help :)
    Let us know if you have any other questions or issues and enjoy the rest of your day!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Changing CSS on a specific page only’ is closed to new replies.