New to the community? Start here

BUILDER CSS Confusion //////////////////////

Hi,

I’m wondering how to interpret the CSS build-up?

fe. what do all the ///////////////////// in the css-code stand for?

Remark anyway: Because of the limited dimensions of the working space, its highly unconvenient to work with.

Example:

[data-style=’horizontal’] ul.menu > li.menu-item a, div[data-style=’vertical’] ul.menu > li.menu-item a[data-style=’horizontal’] ul.menu > li.menu-item a, div[data-style=’vertical’] ul.menu > li.menu-item a[data-style=’horizontal’] ul.menu, div[data-style=’vertical’] ul.menu[data-style=\\\\\\\\\\\\\\\\\\\\\\\\\\\”horizontal\\\\\\\\\\\\\\\\\\\\\\\\\\\”] ul.menu, div[data-style=\\\\\\\\\\\\\\\\\\\\\\\\\\\”vertical\\\\\\\\\\\\\\\\\\\\\\\\\\\”] ul.menu {

background: transparent;

}

div[data-style=\\\\\\\\\\\\\\\\\\\\\\\\\\\”horizontal\\\\\\\\\\\\\\\\\\\\\\\\\\\”] ul.menu > li.menu-item, div[data-style=\\\\\\\\\\\\\\\\\\\\\\\\\\\”vertical\\\\\\\\\\\\\\\\\\\\\\\\\\\”] ul.menu > li.menu-item {

position: relative;

}

div[data-style=\\\\\\\\\\\\\\\\\\\\\\\\\\\”horizontal\\\\\\\\\\\\\\\\\\\\\\\\\\\”] ul.menu > li.menu-item:after {

content: \\\\\\\\\\\\\\\\\\\\\\\\\\\”|\\\\\\\\\\\\\\\\\\\\\\\\\\\”;

display: block;

position: absolute;

top: 2px;

right: 0;

color: #00a384;

font-family: \\\\\\\\\\\\\\\\\\\\\\\\\\\”Quattrocento Sans\\\\\\\\\\\\\\\\\\\\\\\\\\\”;

font-weight: 400;

font-style: normal;

}

<<< this last one fe. Is, or isn’t this font (Quattrocento Sans) called with this code?????

btw. This concerns the CSS for the Navigation Panel, but encountered it on different elements.

Also I see no changes when I change the code there, or, different result when Builder is still opened (editing) or closed …

confusing …

http://stormysunday.com/xtras/builder-nav.jpg

ps. Access is granted, so you can have a look if you want.

Thanks in advance.

Tue, 17 May 2016 7:45:43
  • Bojan Radonic
    • CCO / Deputy COO

    Hey there TKick,

    How are you doing today?

    This is actually a bug in the plugin, these are meant to be used in order to escape quotes, however for some reason multiple forward/back slashes are being added instead of just one. Our developers are already aware and we're working on fixing that.

    Is this happening only when you're trying to add custom CSS or you managed to find it on some of the default CSS in Upfront?

    Also I see no changes when I change the code there, or, different result when Builder is still opened (editing) or closed

    I didn't check the front end cause I didn't want to disable maintenance mode without your permission but adding custom CSS in presents seems to be working just fine when checked in editor, see screenshot.

    [attachments are only viewable by logged-in members]

    What exactly are you trying to change there and which code doesn't work proprely?

    Please let me know :slight_smile:

    Cheers,

    Bojan

  • Bojan Radonic
    • CCO / Deputy COO

    Hey again TKick,

    I’ve added some custom CSS in the navigation preset CSS to making it a bit wider and push last link to the right, this is the code I’ve added:

    [data-style='horizontal'] ul.menu, div[data-style='vertical'] ul.menu {
    
background: #000;
    
padding: 10px 0;
    
}
    

    
[data-style='horizontal'] ul.menu > li.menu-item:last-child {
    
float: right;
    
}

    Hope this helps :slight_smile:

    Cheers,

    Bojan