Public Forums 71,145 posts

[shieldfire Friend shieldfireJoin date: November 2015Posts: 22Downloads:7Uploads:0 Thanks: 2]

#756391

On this site: http://www.liberaltkalejdoskop.se/

What is the css-entity for the items in the left column (each post in the grey coloured column)? I’ve been looking at the code for some time, can’t figure it out … I need to change the shape of the seperate posts.

It should probably be the same as the main section, but I can’t find it in the CSS Firebug listings.

[shieldfire Friend shieldfireJoin date: November 2015Posts: 22Downloads:7Uploads:0 Thanks: 2]

#756557

Nevermind, I’m an idiot =)
EDIT: Or not – I thought I found it in Firebug, but failed to change any property of the items…

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#756587

Hi shieldfire,

When you find out which css you want to change, you can create open the css file: root/purity_iii (your default template)/css/custom.css (create this file if it doesn’t exist)

then add the css code you suppose to use.

For example, in the left column, you use module of Flexicontent and you want to style for it, you can add:


.news.mod_flexicontent_wrapper .content_featured {
/* your custom css code goes here*/
}


[shieldfire Friend shieldfireJoin date: November 2015Posts: 22Downloads:7Uploads:0 Thanks: 2]

#756601

<em>@Saguaros 503864 wrote:</em><blockquote>Hi shieldfire,

When you find out which css you want to change, you can create open the css file: root/purity_iii (your default template)/css/custom.css (create this file if it doesn’t exist)

then add the css code you suppose to use.

For example, in the left column, you use module of Flexicontent and you want to style for it, you can add:


.news.mod_flexicontent_wrapper .content_featured {
/* your custom css code goes here*/
}

</blockquote>

Aye – but wouldn’t that change both sets of news items?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#756655

Using Module Class Suffix will be helpful in this case.

[shieldfire Friend shieldfireJoin date: November 2015Posts: 22Downloads:7Uploads:0 Thanks: 2]

#756721

I thought this would solve the problem:


.news mod_flexicontent_wrapper mod_flexicontent_wrap-comment .mod_flexicontent_featured_wrapper_innerbox {
height: 275px;
}


but it does nothing.
Changing the class to id – as in


#mod_flexicontent_news891 .mod_flexicontent_featured_wrapper_innerbox {
height: 275px;
}


Actually does change the formating, but then of course the ID is valid for all “boxes”, not only the ones I want to change …
I’m confuddled, I shouldn’t need to add all child classes should I?

EDIT: what even more confusing is that if I look at the page using Firebug and search for the class I get


.mod_flexicontent_wrap-comment .mod_flexicontent_featured_wrapper_innerbox {
height: 275px;
}


But the height isn’t 275px as is evident if I change the class to the id (as above) when it becomes 275 px.

[shieldfire Friend shieldfireJoin date: November 2015Posts: 22Downloads:7Uploads:0 Thanks: 2]

#758663

Finally found that

.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper_innerbox, .news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_innerbox {
background:white;
border-radius: 25px;
height: 250px;
}

Changes background and border-radius while

.mod_flexicontent_wrap-comment .mod_flexicontent_featured_wrapper_innerbox {
height: 275px;
border-radius: 5px;
}

Doesn’t while it actually seems to change the height …

[Author]

Posts