• sorry new to this but what are the selectors I would use to create the css code? I was able to figure a few out title, date, content, but the quote at the bottom and page number I could’t get.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author pjaudiomv

    (@pjaudiomv)

    Hey Jason,

    for the English Block (CSS) layout these are the following Class IDs that are used. jft-date,jft-title,jft-page,jft-quote,jft-quote-source,jft-content,jft-thought,jft-copyright the whole jft is wrapped in a div with a class of jft-rendered-element and ID jft-container

    For the JFT on this page here https://www.mvana.org/just-for-today/
    I used the following css, note that I targeted a specific wordpress page you do not have to do that. otherwise replace the page id thats here with the one you are using.

    
    .page-id-36 #jft-date {
    	text-align: center;
    	font-size: x-large;
    }
    
    .page-id-36 #jft-title {
    	text-align: center;
    	font-size: large;
    	font-style: italic;
    }
    
    .page-id-36 #jft-page {
    	text-align: right;
    }
    
    .page-id-36 #jft-quote {
    	text-align: center;
    	font-size: small;
    	font-style: italic;
    }
    
    .page-id-36 #jft-quote-source {
    	text-align: center;
    	font-size: small;
    	font-style: italic;
    	margin-bottom: 1em;
    }
    
    .page-id-36 #jft-thought {
    	margin-left:20%;
    	margin-right: 20%;
    	font-style: italic;
    	margin-bottom: 2em;
    }
    
    .page-36 #jft-copyright {
    	font-style: italic;
    	text-align: center;
    	font-size: x-small;
    	margin-bottom: 2em;
    }
    
    Plugin Author pjaudiomv

    (@pjaudiomv)

    The page is jft-page. The quote at bottom is jft-thought. The literature source and page is jft-quote-source and copyright is jft-copyright

    Thread Starter jason1128

    (@jason1128)

    Thank you!!!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘selectors for css’ is closed to new replies.