MicrostockGroup

Microstock Photography Forum - General => Symbiostock => Symbiostock - Technical Support => Topic started by: Jeffrey on March 28, 2013, 23:59

Title: CSS questions
Post by: Jeffrey on March 28, 2013, 23:59: Hard to fine this code.

What Div or Class name used inside the red line?
Title: Re: CSS questions
Post by: Leo Blanchette on March 29, 2013, 00:21: Hard to say. I ask that question all the time. But here's what I use: https://getfirebug.com/

Simply right click, click "inspect element with firebug" and the mysteries of the universe unfold.

Just checked out your site. This is whats in the red box:

Code: [Select]
<article class="post-48 post type-post status-publish format-standard hentry category-illustrations" id="post-48"> <header class="entry-header"> <h1 class="entry-title"><a rel="bookmark" title="Permalink to USB Flash Drive vector illustration icon" href="http://cheapvectors.com/usb-flash-drive-vector-illustration-icon/">USB Flash Drive vector illustration icon</a></h1> <div class="entry-meta"> Posted on <a rel="bookmark" title="2:34 am" href="http://cheapvectors.com/usb-flash-drive-vector-illustration-icon/"> <time pubdate="" datetime="2013-03-29T02:34:48+00:00" class="entry-date">March 29, 2013</time> </a><span class="byline"> by <span class="author vcard"><a rel="author" title="View all posts by Jeffrey" href="http://cheapvectors.com/author/Jeffrey/" class="url fn n">Jeffrey</a></span></span> </div>  </header>  <div class="entry-content"> <p><a href="http://cheapvectors.com/?image=usb-flash-drive-vector-illustration-icon"><img src="http://cheapvectors.com/wp-content/uploads/symbiostock_rf_content/44-minipic.jpg" alt="Flash drive clipart vector"></a></p> </div>  <footer class="entry-meta"> <span class="cat-links"> Posted in <a rel="category tag" title="View all posts in Illustrations" href="http://cheapvectors.com/category/illustrations/">Illustrations</a> </span> <span class="sep"> | </span> <span class="comments-link"><a title="Comment on USB Flash Drive vector illustration icon" href="http://cheapvectors.com/usb-flash-drive-vector-illustration-icon/#respond">Leave a comment</a></span> <span class="sep"> | </span><span class="edit-link"><a title="Edit Post" href="http://cheapvectors.com/wp-admin/post.php?post=48&action=edit" class="post-edit-link">Edit</a></span> </footer>  </article>
Title: Re: CSS questions
Post by: Leo Blanchette on March 29, 2013, 00:26: A quick note - in case you intend to change theme files -

http://codex.wordpress.org/Child_Themes (http://codex.wordpress.org/Child_Themes)

I hope to release a very basic child theme template tonight so you can modify your site without losing changes.
Title: Re: CSS questions
Post by: THP Creative on March 29, 2013, 02:50: Quote from: Leo on March 29, 2013, 00:26
A quick note - in case you intend to change theme files -

[url]http://codex.wordpress.org/Child_Themes[/url] ([url]http://codex.wordpress.org/Child_Themes[/url])

I hope to release a very basic child theme template tonight so you can modify your site without losing changes.

BRILLIANT! That is exactly what I was hoping for (but just don't know how to do!).

Keep going Leo, this thing is shaping up really well!!
Title: Re: CSS questions
Post by: Jeffrey on March 30, 2013, 10:58: I just modified the content.php and added bolded...

<div class="newdivclass">
<article class="post-48 post type-post status-publish format-standard hentry category-illustrations" id="post-48">
<header class="entry-header">
<h1 class="entry-title"><a rel="bookmark" title="Permalink to USB Flash Drive vector illustration icon" href="http://cheapvectors.com/usb-flash-drive-vector-illustration-icon/">USB Flash Drive vector illustration icon[/url]</h1>
<div class="entry-meta"> Posted on <a rel="bookmark" title="2:34 am" href="http://cheapvectors.com/usb-flash-drive-vector-illustration-icon/">
<time pubdate="" datetime="2013-03-29T02:34:48+00:00" class="entry-date">March 29, 2013</time>
[/url]<span class="byline"> by <span class="author vcard"><a rel="author" title="View all posts by Jeffrey" href="http://cheapvectors.com/author/Jeffrey/" class="url fn n">Jeffrey[/url]</span></span> </div>

</header>

<div class="entry-content">

</div>

<footer class="entry-meta"> <span class="cat-links"> Posted in <a rel="category tag" title="View all posts in Illustrations" href="http://cheapvectors.com/category/illustrations/">Illustrations[/url] </span> <span class="sep"> | </span> <span class="comments-link"><a title="Comment on USB Flash Drive vector illustration icon" href="http://cheapvectors.com/usb-flash-drive-vector-illustration-icon/#respond">Leave a comment[/url]</span> <span class="sep"> | </span><span class="edit-link"><a title="Edit Post" href="http://cheapvectors.com/wp-admin/post.php?post=48&action=edit" class="post-edit-link">Edit[/url]</span> </footer>

</article>
<div>

added this inside style.css

.newdivclass {
width: 50%;
float: left;
}
Title: Re: CSS questions
Post by: cathyslife on March 30, 2013, 12:29: I would like to edit the CSS file, but the child theme says I must edit the parent style.css file. Is there an easy way to get to that from within the admin area?

The last time I set up a Wordpress site, I set it up in MAMP and altered the files there. I am trying to do everything from within the admin area. Is it possible?

edit: never mind...I figured a way to connect via ftp and change the files, then reupload through an editor program.