ManuelPalachuk

Thank you very much Shaon, as I get familiar with this product while setting up my new site I see that it is every bit as valuable and well built as I expected.
It is forcing me to extend my coding skills too. I’ve read up on the Combinators for Selectors so I completely get the formatting now. Because you’ve laid everything out so well it is really actually quite easy.

The last question I have for this thread is this:
I cannot get the font color to change for the actual [Page_Link]. I this becasue it is inside a shortcode?

I thought the complete identifier for the css element was:

.col-md-6 .thumbnail .media .media-body .h4 {
color:blue;
}

But no combination gets the font color to respond.

My Link Template code:

<div class="col-md-6">
<div class="thumbnail">
<div class="media">
    <a class="pull-left" href="[page_url]">[icon]</a>
    <div class="media-body">
    <h4 style="padding-top: 70px;border:0px;margin:0px;">[page_link]</h4>
[download_link] <i style="margin: 2px 0 0 5px;opacity:0.5" class="fa fa-th-large"></i></br>
[file_size] <i style="margin: 2px 0 0 5px;opacity:0.5" class="fa fa-download-alt"></i></br>
[download_count] downloads
    </div>
</div>
</div>
</div>

.

Shouldn’t I also be able to re-define existing classes from your plugin or define new ones to use instead?
For example, from the Default Link Template:

<div class=”col-md-6″>
<div class=”thumbnail”>
<div class=”media”> <– Replace with <div class=”my-custom-css-definition”>
– more code here –
</div>
</div>
</div>
</div>

If so, I assume I can just define the classes in the child them style.css but what is the best practice for re-defining existing classes from your plugin?
Do I create child plugin style sheets?

Thanks

Ugh!

I reset password and tested. these credentials should work now. Sorry.

Thank you for the link. I am aware of and have started working with the templates.

But there is nothing in the post about changing the format or adding css.
I just need one solid example of how the css gets defined in the tempalte.
Or a list of the css tags to change for a template.

Do I just drop in new css definitions into the the top of the tempalte and add my own tags?

/* MY CODE */
Body {
background-color: lightblue;
}

media {
color: white;
text-align: center;
}

media-body {
font-family: verdana;
font-size: 20px;
}

/* YOUR CODE */
<div class=”media”>

[icon]

<div class=”media-body”>
<h4 class=”media-heading” style=”padding-top: 0px;border:0px;margin: 0px;”>[page_link]</h4>
[download_link] <i style=”margin: 2px 0 0 5px;opacity:0.5″ class=”icon icon-th-large”></i> [file_size] <i style=”margin: 2px 0 0 5px;opacity:0.5″ class=”icon icon-download-alt”></i> [download_count] downloads
</div>
</div>