Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 25, 2015 at 10:27 am #401935
    peterries

    Hi there,

    I need to format a text within a textblock as a “table”. It a curriculum vitae.

    Text before Text before Text before Text before Text before Text before Text before Text before Text before
    Text before Text before Text before Text before Text before Text before Text before Text before

    01.01.2001 – 01.01.2003[tabstop]company c….
    [tabstop]department d
    [tabstop]as a senior consultant …

    01.01.2000 – 01.01.2001[tabstop]company a….
    [tabstop]department b
    [tabstop]as a consultant …

    Text after Text after Text after Text after Text after Text after Text after Text after

    Meaning that dates should be in column#1 and Text in column#2 / tabstop about 40 or 50px.

    Tabbing in a text doesn’t work. A table inserted would do. But I need to remove the borders and the alternating background colors. Just default colored text on white (default) background.
    In another thread you asked me to insert a codeblock somewhere in the 1/3 Element so the change will only be there. What css code do I need to put in there to remove colors/borders?
    Or is there a completely different solution?

    • This topic was modified 9 years, 9 months ago by Yigit.
    February 25, 2015 at 5:30 pm #402207
    peterries

    Just found a “global” solution in custom-css field – but is there a way to achieve this in a code box only valid for a single section.
    Currently I only have two tables where my solution fit, but it would be nice to be more flexible by restricting this formatting only to one page/section/box.

    
.main_color .avia-data-table .avia-highlight-col, 
.main_color table, 
.main_color tr:nth-child(odd), 
.main_color tr:nth-child(even),
.main_color td {
   margin-top: 0px;
   background: #ffffff;
   border-top-color: #ffffff;
   border-bottom-color: #ffffff;
   border-left-color: #ffffff;
   border-right-color: #ffffff;
   color: #4d4d4d;
   font-size: 14px;
   padding-top: 0px;
   padding-bottom: 0px;
}
.main_color td:nth-child(1) {
   width: 160px;
}
    February 25, 2015 at 5:42 pm #402227
    Elliott

    Hey!

    If you only want it on a page then use a codeblock element in your page content and add this inside.

    <style type = "text/css">
your css code goes here
</style>

    To target a specific section then give the section an ID in the shortcode options and use the ID in your CSS like so.

    #yourID td:nth-child(1) { width: 160px; }

    Best regards,
    Elliott

    February 25, 2015 at 6:48 pm #402280
    peterries

    Thanks Elliot, works perfectly.

    (Didn’t see any changes first as this had no effect when I pressed “preview changes”. I needed to puplish site for changes to take effect.)
    please close here as resolved :-)

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘remove frames/colors in table within a (Text)block’ is closed to new replies.