Can I use CSS to hide the Hours section in Core Location Details Module?

Hey Team,

My client wants to utilize the Core Location Details module to show the address, map, & Get Directions button, but they don’t want to include hours.

Is there an easy & good looking way to hide this section? I tried hiding the middle column:

.col-sm-6 col-md-4 mb-4{
display:none
}

But it looks kind of funky and it just scrunches the two columns over to the left with a blank column to the right (see screenshot)

Alternatively, I thought maybe I could just utilize the “Map” module but then I have no way to include the Address and “Get Direction” button. Does anyone have any recommendations?

Hey Jessie,

In general, if you want to hide sections in Page Builder, you can map the module sections to field = None. For example. with the Primary Hours Heading section in the Core Location Details module, I selected “Map to location field” (you may have to select this under “More Options”) and then chose “None”.

For the Primary Hours section, there is not a “None” field to map to, but toggling between “Map to another entity” and “Map to location field” allowed me to leave it on “Choose a field” which returns no content.

image

This leaves the content on opposite sides of the page (rather than squished to the left like your picture). You can use CSS to style it, such as to make the map bigger or push either column closer to the center.