Jump to content
  • 0
HughOD

CSS selector - DataPage?

Question

I'm very verbose in CSS.  I'm wanting to know if each DataPage has some sort of unique ID or Class that I can reference in my theme (and that won't change)?

I know I can create unique themes per DataPage.  However, my hope is to have one theme and make a few small tweaks for individual pages.

For instance, I see the following at the top of my DataPage HTML:

<article class="ST9D135086691E4F12AD0A85D5CFBC37E3">
  <div id="cbOuterAjaxCtnr_449048b41c7e79">
    <div id="cbDataAjaxCtnr_449048b41c7e79">
      <form method="post" id="caspioform" ...>
        <div style="display: table;">
          <section data-cb-name="cbTable" id="cbTable_449048b41c7e79" class="cbFormSection_449048b41c7e79">

Are any of these ID / classes "static" for the DataPages where I could reference them in CCS?  Something like:

.ST9D135086691E4F12AD0A85D5CFBC37E3 span.cbFormData
{
	text-decoration: underline;
}

Thanks!

Share this post


Link to post
Share on other sites

1 answer to this question

Recommended Posts

  • 0

Hello @HughOD

You may add the wrapper to your DataPage using header and footer.

Here is the example for responsive DataPages:

<!-- Code in the Header starts -->
  </header>
  	<div class="YOUR_CUSTOM_CLASS">
  <header>
<!-- Code in the Header ends -->
  
DATAPAGE

<!-- Code in the Footer starts -->
  </footer>
    </div>
  <footer>
 <!-- Code in the Footer ends -->

And  for the non-responsive DataPages:

<!-- Code in the Header starts -->
  </div>
  	<div class="YOUR_CUSTOM_CLASS">
  <div>
<!-- Code in the Header ends -->
  
DATAPAGE

<!-- Code in the Footer starts -->
  </div>
  	</div>
  <div>
 <!-- Code in the Footer ends -->

Also, you may find a lot of information about CSS selectors here - https://www.w3schools.com/cssref/css_selectors.asp

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...