Betheme List Icons not aligning to right like Demo

salmanaslam · February 2016

Hi,

I am using the List style used in Betheme Energy Demo over here: http://omnicoregroup.com/

I've copied the exact code and checked the settings but the icons on the left half are not showing as right aligned.

http://www.awesomescreenshot.com/image/1025036/a9c62aad7ea5d177a8d38f11c7b79915

Please help fix this.

Thanks

salmanaslam · February 2016

P.S Also unable to change the text to white color on the left half blue side.

Albert · February 2016

Hi,

you can sort it with the following css:

.align_right .list_item .list_left { float: right; }
.align_right .list_item .list_right { margin-left: 0; margin-right: 100px; }

salmanaslam · February 2016

I was able to align using css, what about the text color?

http://omnicoregroup.com/

Albert · February 2016

Use:

.list_item .list_right h4 { color: #FFF !important; }

salmanaslam · February 2016

Thanks, it is update.

The Careers font is still black, also the button overlay text is white which is unreadable as the button is white.

http://omnicoregroup.com/

Also how can I change the size and color of header section on mobile display, as currently it shows weird green color.

Appreciate your support

salmanaslam · February 2016

I have one more issue that I noticed, on mobile, the subheader text overlaps the menu. Is there way to disable the subheader text on responsive devices?

Albert · February 2016

The Careers font is still black because you need to set color for this font locally. The button is set as shortcode so you need to set local styles for this button as well.

In reference to 2nd question, you need to find this color under Theme options > Colors section because this is where you set it.

salmanaslam · February 2016

I have added both codes which doesn't work:

<font color="#FFFFFF"><h2>Careers</h2></font>

<font color="#white"><h2>Careers</h2></font>

Albert · February 2016

Really? Where did you learned something like that? The right code should be:

<h2 style="color: #FFF !important;">Careers</h2>

This is what we mean when we say to set local styles for headings.

Betheme List Icons not aligning to right like Demo

Comments