[Michael O’Callaghan]

Hi I would like to be able to style the bio and map links but when i modify the .cn-left ar .cn-right it changes the background of logo image. .cn-right seems to change the whole background color of profile panel. I clearly using the wrong classes.

In addition is it possible to remove the top padding on the logo image?

Also i was wondering if i could put certain profile infor side by side to make profile card less deep. It seems like theres alot of white space in the centre and bottom left.
Please see link here. http://awesomescreenshot.com/01155qxx9f

Thank you!

[Steven Zahm]

@ Michael

re: I would like to be able to style the bio and map links but when i modify the .cn-left ar .cn-right it changes the background of logo image. .cn-right seems to change the whole background color of profile panel. I clearly using the wrong classes.

In cMap the .cn-left and cn-right classes are used to create the two column layout of the card… they are just containers for all the other elements. If you wish to select the bio and map links you need to select the .cn-bio-anchor and .cn-map-anchor classes. I would suggest making the selectors a bit more specific so they will only affect cMap like so:

#cn-cmap .cn-bio-anchor,
#cn-cmap .cn-map-anchor {
    background-color: green;
    padding: 10px;
}

re: In addition is it possible to remove the top padding on the logo image?

Sorry, impossible to know from the screenshot… maybe it is being added by the theme.

re: i was wondering if i could put certain profile infor side by side to make profile card less deep. It seems like theres alot of white space in the centre and bottom left.

Making it a three column is possible but it would require restructuring the template PHP code and styles well beyond the scope of what I can provide as tweaks in the support forum. Maybe increase the size of the business logos or settings the max-width of the entry card would be a suitable alternative. If not, I do provide custom development services if you are interested.

Hope that helps!

[Author]

Posts