Skip to main content
Salesforce

Return to Answer

added 9 characters in body
Source Link
Jeff Callahan
Jeff Callahan
  • 463
  • 11
  • 29

I was able to figure this out by defining the style in the div on line 14. Also on lines 19 and 27 I added the style to set the font color. I then needed to commentremove these out ofdefinitions from my CSS

I was able to figure this out by defining the style in the div on line 14. Also on lines 19 and 27 I added the style to set the font color. I then needed to comment these out of my CSS

I was able to figure this out by defining the style in the div on line 14. Also on lines 19 and 27 I added the style to set the font color. I then needed to remove these definitions from my CSS

Source Link
Jeff Callahan
Jeff Callahan
  • 463
  • 11
  • 29

I was able to figure this out by defining the style in the div on line 14. Also on lines 19 and 27 I added the style to set the font color. I then needed to comment these out of my CSS

    <aura:component implements="forceCommunity:availableForAllPageTypes,force:appHostable" access="global" >
    
    <aura:attribute name="URL" type="String" default="" />
    <aura:attribute name="Title" type="String" default="" />
    <aura:attribute name="Image" type="String" default="" />
    <aura:attribute name="Description" type="String" default="" />
    <aura:attribute name="bgColor" type="String" default="#FFFFFF" />
    <aura:attribute name="textColor" type="String" default="#FFFFFF" />
    
    <div class="c-container1" id="main-content">
        <lightning:layout multipleRows="true" horizontalAlign="space">
            
            <lightning:layoutItem flexibility="auto" padding="around-small" size="3"  class="box-1" >
                <div class="card-contains" style="{! 'background-color:' + v.bgColor }">
                    <a href="{!v.URL}" class="">
                        <div>
                            <div class="results__name">
                                <center>
                                    <div class="headingMain" style="{! 'color:' + v.textColor }">
                                        <h3 class="heading">{!v.Title} </h3><br />
                                    </div>
                                    <div class="results__logo">
                                        <center>
                                            <img class="elemLogo1" src="{!$Resource.KimbleImages + '/eleImg.2/'+v.Image}" />
                                        </center>
                                    </div>
                                    <div class="headingDetailMain" style="{! 'color:' + v.textColor }">
                                        <p class="headingDetail">{!v.Description}</p>
                                    </div>
                                </center>
                            </div>
                        </div>
                    </a><br/>
                </div>
            </lightning:layoutItem>
        </lightning:layout>
    </div>
</aura:component>