Row Content Expand Customizations

[Jonathan]

Hey guys, I searched the knowledgeable and couldn’t find any help on this:

I’m just curious if it is possible to adjust the justification and font size of the Row Content Expand title (see attachment for reference). How would I go about editing the CSS for this?

More specifically, I’m hoping to center the title, and make the font slightly larger.

Thanks a bunch

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

You can use this CSS, add this to your Theme Options => Custom CSS.

a.spb-row-expand-text.container {
    text-align: center;
    font-size: 24px;
}

Thanks.

[Jonathan]

Thanks David, much appreciated 🙂 You guys are super helpful here in the forums – can always count on help. Two more questions:

1) Is it also possible to move the little “+” sign next to the text? It is still left justified.

2) Additionally, would it be possible to encapsulate both the “+” and text into a box – so it looks like a button?

Jonathan

[Kyle – SUPPORT]

hi

Add this:

.spb-row-expand-text span::before {
  float: none;
}
.spb-row-expand-text span {
  background-color: #efefef;
  padding: 16px;
}

– Kyle

[Jonathan]

Great, thanks Kyle.

[David Martin – Support]

Thanks Kyle!

– David.