where are the html files for altering theme? following the quickstart guide

rmkleemann

I am following instructions at http://vanillaforums.org/docs/themequickstart but I'm not finding the html files mentioned for the views... so I'm probably just not understanding the instructions

I've been able to play and change stuff with css. But if I wanted to change something with the html - for example if I want to change something in the look of a discussion - where do I change the html?

I'll even be more specific. As an experiment I wanted to have the discussion have a slightly larger profile picture than shown elsewhere. I know that in the default theme, the class is ProfilePhotoMedium. I wanted to add another CSS, say ProfilePhotoMediumDiscussion and have that be slightly larger and then apply that in the html.

thanks
Ricardo

vrijvlinder

There is no html file it is all php or tpl . Your custom theme has a views folder inside is the default.master.php or tpl depending on the theme. That is the master view of the forum.

To edit css edit the custom.css file

You need to find the proper classes and parents to affect those differently .You can't change the html there is nothing to change it is all in css. Use a web inspector

For example

body.Profile .ProfilePhotoMedium{
width:60px;
height:60px;
}

body.Vanilla.Discussion .ProfilePhotoMedium{
width:40px;
height:40px;
}

.MeBox .PhotoWrap{
width:20px;
height:20px;
}

rmkleemann

Ok, I see what you mean.

Somehow the suggestion you provided isn't quite working though. It'll apply 40px to the MeBox as well.

I tried different combinations with MeBox but in all cases, whatever I put for body.Vanilla.Discussion would be reflected in the MeBox

rmkleemann

Ok I've figured it out...

I need to apply the larger size to ProfilePhotoMedium in the ContentColumn

.ContentColumn .ProfilePhotoMedium {
width: 60px;
heigh: auto;
}

vrijvlinder

Look here and learn to use a web inspector like chrome web inspector.

http://vanillaforums.org/discussion/26621/avatar-size-in-v2-1b3

and try to explain what to want to achieve where.