MadCap Software Forums

Hi Jim, I have a few different menu proxies that I style with my own CSS. I create a skin file and in the menu proxy's settings, assign it that skin file. On the build, Flare assigns a class name of _Skins_ plus whatever you named the skin to the <ul> created by the menu proxy. For example, if I hav...

I don't think you can do this on an image map. You can't add CSS to style image map areas. Looking online, there seems to be a possible Javascript solution if you want to go that route. Not sure how important the image map is to your site, but you might be able to recreate whatever it's doing withou...

Full circle on this thread - Madcap let me know that this bug is resolved in 2020 r2. I haven't updated our Flare versions yet to test it out, but I assume they are telling the truth.

If you haven't solved this yet, you can try adding a left value here:
You can adjust the value (including using a negative value) to get the positioning correct.

So, in case someone wants to see it in action, I had to reply because I do almost exactly this in one of my HTML5 projects. The CSStricks link from Psider above is good for the explanation, so I'll just drop this code here for anyone thinking of trying it out. Note that for this, I use <p> tags for ...

So I just started testing out some slideshows in one of my projects. When I was building it I was able to put some padding on the slide content to keep it off the edges and away from the left/right arrows. But to help control some of the styling on my slides and the content in it, I placed a <div> a...

I created a new project with the default Sidenav HTML5 skin to test it out, and I did have change some things. Not sure if my original was messed up, but I had some of these selectors out of order (the ones with the "aria=" code in it) and was able to get ride of one of the styles altogeth...

Hi Keri, Try applying right padding to the list items themselves. I think you can do this directly in the main skin file in the Top Navigation Menu Item section. Depending on your table of contents and how many levels you go, you might need to play with settings for 1st level, 2nd level, etc. to get...

Hi Mark - Open the Skins editor for both skins, and in the Setup tabs for each, under Responsive Output Settings, check the box for Enable responsive output . I'm not sure if that being off would completely remove the button, but i know skin options won't show in the menu unless that's checked. So m...

hmmm - I was looking at the Silverado template here: https://www.madcapsoftware.com/download ... templates/

Well, assuming that's what you want to change, I think I managed to do that - kind of a fun challenge anyway :). Flare creates that "icon" in an interesting way, with a border that it hides a part of to make a triangle, which it then flips upside down when you expand the menu. My method wa...

I downloaded the Silverado template to test it out, and you are right. Try adding that same code, shown again below, to both your "StylesForHomePage.css" and the "MainStyles.css" file. When I put it in the MainStyles.css file, it only changed the icon on topic pages, but not the ...

Edit - just saw the addition on your last post. Hope you're getting closer :) ...So I just added an image to a ul ul selector through the stylesheet editor, leaving the list-style-type to the default. Doing that did not actually define the list-style-type in the CSS file when I open it in a text edi...

Can you use your browser's F12 style inspector to determine which styles are being applied? Or is this a public site where I could look at a page that has the issue? Hard to know for sure without seeing the code. I know in my main project, which is almost entirely from Word imports, I deal with inli...

So in a basic bullet list, ul ul should select the second level, ul ul ul the third, etc. Check to see if there are any styles defined on the li tag, or maybe another complex select like ul > li or something like that. If so, those would overwrite the ul style, so you would need to clear those style...

I don't see where you can set this in the skin file, but you can do it with CSS. Add this to your main CSS file: ul.navigation ul > li.has-children > a::after { content: somethinghere; } Then, you're going to replace somethinghere with whatever you want to appear in that spot. You have a couple of o...

F12 is your best friend :D I recreated your page, and from the code you provided, I think your ul tags do not have any assigned margins, so it's using the web's/browser's default value, which is 1em for top and bottom margin. If you shrink that, I think you'll get the spacing you're looking for. So ...

I'm guessing that if it's taller than you want, there's probably some padding doing that. Or maybe a margin on the <ul> inside the divs that's being applied, but not applied to your list outside the divs, that need to be set to the same value.

Can you post the relevant CSS code too?

Hi Kathy - Can you share the code you're using to make the div table?

You can fix the entire column problem ArdisRamey mentioned by adding a unique second class to each "home-tiles" div in the html of the home page topic, then use that class and the nth-child selector in the CSS file to style each box. So, find each div with a class of home-tiles and add a s...

Hi there - sounds like this might be too late to matter, but I was able to make that first sub menu display the items horizontally, full width, and with the styling you mentioned by applying some CSS to a couple of the nested ul > li structures Flare builds for that menu. Not sure if something like ...

Hi Michelle - Unfortunately no. It is still an issue and our internal IT hasn't really made it a priority to resolve. My last post about a caching issue in SharePoint is still our best guess. Most of our users access the site through a link on our intranet, so our terrible workaround right now is, w...

Do you mean you want, like in your second image, those Header entries to display numbered like an ordered list?

I know you're looking for a quick solution until you can really dig into the CSS, but as I was thinking about this, all of my thoughts were related to digging into the CSS. :? However, until you can do that, since this only happens in tables, open your stylesheet in the internal text editor and try ...

Hi Michael - Welcome to Flare :) So your Flare project will have at least one MasterPage. That controls the general appearance and structure of all the topics assigned to that MasterPage. You'll need to edit this page. From the Content Explorer folders, go to Resources > MasterPages and open your Ma...