Formatting micro-content search results

This forum is for all Flare issues related to styles, stylesheets and XML.

Formatting micro-content search results

Postby aharper12 on Mon Oct 28, 2019 7:31 am

Hello! We are new to using micro-content and are trying to get our search results to format the same as our other search results. When I look at the element, I see div classes:

- micro-content-container
- micro-response
- micro-content-expand-transition-wrapper

I cannot for the life of me find how where these are to format the style? I have attached a screenshot of not only our element inspect but also of how micro-content results look compared to regular search results.

I have tried editing all of the components of the HTML 5 search results skin (micro content result and micro content response styles) with no changes that I can see. I have looked in our stylesheet and I do not see the above div classes?

Any help is greatly appreciated!

Adriana
You do not have the required permissions to view the files attached to this post.
aharper12
Propeller Head
 
Posts: 23
Joined: Wed May 01, 2019 12:13 pm

Re: Formatting micro-content search results

Postby Psider on Mon Oct 28, 2019 5:12 pm

Psider
Propellus Maximus
 
Posts: 645
Joined: Wed Jul 06, 2011 1:32 am

Re: Formatting micro-content search results

Postby aharper12 on Tue Oct 29, 2019 6:51 am

Thanks for your reply, @PSider. Unfortunately no - we 've looked through those options and nothing seems to change... :(
aharper12
Propeller Head
 
Posts: 23
Joined: Wed May 01, 2019 12:13 pm

Re: Formatting micro-content search results

Postby Psider on Tue Oct 29, 2019 4:56 pm

Did you definitely select Web Medium before making changes? While I haven't used micro content I know that changing mediums often caught me out for other styles.
Psider
Propellus Maximus
 
Posts: 645
Joined: Wed Jul 06, 2011 1:32 am

Re: Formatting micro-content search results

Postby mtg on Mon Apr 06, 2020 11:41 pm

Hi @aharper12,

did you finally manage how to change the layout and style of the micro content? We ran into the same problem and we couldn't find any fix for this. :cry:
mtg
Jr. Propeller Head
 
Posts: 9
Joined: Tue Jun 26, 2018 3:56 am

Re: Formatting micro-content search results

Postby aharper12 on Tue Apr 07, 2020 6:55 am

Unfortunately no :( We haven't had much luck so far.
aharper12
Propeller Head
 
Posts: 23
Joined: Wed May 01, 2019 12:13 pm

Re: Formatting micro-content search results

Postby Chicago_HPT on Tue Apr 07, 2020 8:09 am

.
Have you tried looking in the Skin Editor?

madcap-flare-skin-editor-microcontent-items.png


As usual, this provides some control but to really take full control, you'll probably need to add custom CSS to your stylesheet. I do this a lot by using the "Inspect" tools in my browser to get the right CSS class, much like you did in your original post here.

Cheers,
-jeff
You do not have the required permissions to view the files attached to this post.
Chicago_HPT
Propeller Head
 
Posts: 92
Joined: Sun Feb 03, 2013 6:01 pm

Re: Formatting micro-content search results

Postby mtg on Tue Apr 07, 2020 10:49 pm

Yes, I have already tried with the Skin Editor and checked the documentation. However, the changes are not applied in the output. It seems as if the settings are overridden with the build and if the settings somehow depend/relate to the settings for the body content in the stylesheet?? But that was just a guess on my side.

My (not so nice) solution is now indeed to add custom css to my stylesheet. I checked in the output in the browser with the "Inspect" functionality and looked up which styles I have to add into my regular stylesheet. In my case, I added css settings for the following:

Code: Select all
.micro-content-container > .micro-content {
   font-size: 1rem;
   padding-bottom: 20px;
}

.micro-content-container > .micro-content > .micro-response {
        margin-left: 0px;
   margin-top: 15px;
}

.micro-content-container > .micro-content > .micro-response-url {
    font-size: 0.8rem;
}


I actually wanted to avoid this solution but the micro content output really looked so bad that I'm doing it anyway :D

@aharper12: Maybe this would also be a workaround for you?
mtg
Jr. Propeller Head
 
Posts: 9
Joined: Tue Jun 26, 2018 3:56 am


Return to Styles, Stylesheets and XML

Who is online

Users browsing this forum: No registered users and 12 guests

cron