Author Element Styling (Integrity Stack)

Support
#1

I would like to change the color of the heading title about the author in the author element. I use the inline style area to do this normally, but I added a color change and nothing happened. The author name is automatically bold and black.

I would also suggest making these elements easier to alter. For such a simple element doing this has become quite the headache. I looked on the integrity demo content page under author and there is really no direction other than telling one to put it in.

#2

Hi there,

The Author element uses the h4 heading element for the title. So the color and size of it can be changed globally by going to X > Launch > Options > Typography > Headings.



Thank you.

1 Like
#3

Made the adjustment, and the actual author name changed but the heading above (about the author) and the tags below are still gray.

#4

Hi There,

Please provide the urlof the specific page.

Thank you

#5

https://www.istandardproducers.com/sampleflipsaturday-nyc-iar/

#6

Hi There,

I agree that the Author element is very basic, but I also believe that its one beauty of it, its not complicated :slight_smile: . You can style the author element using the following selectors:

/*ABOUT THE AUTHOR*/
.x-author-box h6.h-about-the-author {
	color: black;
}

/*actual author name*/
h4.h-author {
	color: magenta;
}

/*social icon initial color*/
a.x-author-social {
	color: yellow;
}

/*social icon hover color*/
a.x-author-social:hover {
	color: green;
}

/*tags*/
.entry-footer a[rel=tag] {
	color: cyan;
}

The code for /*ABOUT THE AUTHOR*/ might not work though, unless you remove that JavaScript on your CSS.

JavaScript should be place on Theme Options > JS

Cheers!