WordPress.org

Ready to get started?Download WordPress

Forums

CSS problems with WP plugin Responsive Flipbook (4 posts)

  1. YvonneTaylor
    Member
    Posted 4 months ago #

    Can someone help woth my css problems please, I have spent 2 weeks trying to get my first flipbook to work.
    I understand that the theme has css coding and I need to over ride this to make it work in the flipbook as the text will not change size or style.
    I have tried using the following

    #content p.page-15{font-family:Times New Roman,Times,serif; font-size: 8px; line-height: 50%; } I put this in page css.

    <p class="page-15">lots of text here...........</p> I put this in html page content.
    When I preview the page it looks okay, but when uploaded it looks like the css in the theme has taken over again.

    The url is http://www.thedogsclub.com/test/#17

    Any help would be much appreciated as I as going round in circles here.
    Many thanks

  2. bcworkz
    Member
    Posted 4 months ago #

    Sometimes simply adding the !important modifier is enough to override the theme. As in #content p.page-15{font-size: 8px !important;}.

    The proper way to override theme CSS is to create a Child_Theme.

  3. YvonneTaylor
    Member
    Posted 3 months ago #

    thank you bcworkz for responding to my problem, apologises for the delay. I tried just adding the tag !important but that didn´t work, so I followed the link to create a child theme, the bit I don´t understand is if I activate the child theme then the parent is no longer active, the instructions suggest just activate it and it works, but my home page then looks a mess.
    I tried pasting the code into the custom.css of my theme but it still did not work.

  4. bcworkz
    Member
    Posted 3 months ago #

    Did you include the "Template" reference to the parent theme on style.css? And use @import to reference the parent theme style sheet? If you did these for your child theme and nothing else your child theme should look identical to the parent theme. If it does not, something is wrong somewhere, either with how you implemented a child theme or with the parent theme in some way such that child themes are not possible.

    Some commercial themes are implemented as child themes, where the parent theme is a basic theme that is the same for all themes offered. All variations in themes offered are in the child theme. This scheme is incompatible with creating custom child themes because you cannot create grandchild themes. If your theme's style.css has a "Template" reference in the header, then it is a child theme itself and another child theme cannot reference it.

    You need to establish a child theme that looks identical to the parent theme before implementing overrides, or establish that this is not possible. If a child theme is not possible, you have no choice but to directly hack the theme's files and lose your changes when the theme is updated, or find a theme that is compatible with child themes.

Reply

You must log in to post.

About this Topic