<?xml version="1.0" encoding="UTF-8"?>
	<rss version="2.0"
		xmlns:content="http://purl.org/rss/1.0/modules/content/"
		xmlns:wfw="http://wellformedweb.org/CommentAPI/"
		xmlns:dc="http://purl.org/dc/elements/1.1/"
		xmlns:atom="http://www.w3.org/2005/Atom"

			>

	<channel>

		<title>ID’s..Classes..Styles..Shortcodes. Help please! &#8211; Themeco Community</title>
		<atom:link href="https://theme.co/archive/forums/topic/ids-classes-styles-shortcodes-help-please/feed/" rel="self" type="application/rss+xml" />
		<link>https://theme.co/archive/forums/topic/ids-classes-styles-shortcodes-help-please/feed/</link>
		<description></description>
		<lastBuildDate>Fri, 17 Oct 2025 16:18:05 +0000</lastBuildDate>
		<generator>https://bbpress.org/?v=2.6.14</generator>
		<language>en-US</language>

		
														
					
				<item>
					<guid>https://theme.co/archive/forums/topic/ids-classes-styles-shortcodes-help-please/#post-42903</guid>
					<title><![CDATA[ID’s..Classes..Styles..Shortcodes. Help please!]]></title>
					<link>https://theme.co/archive/forums/topic/ids-classes-styles-shortcodes-help-please/#post-42903</link>
					<pubDate>Sat, 10 May 2014 15:47:53 +0000</pubDate>
					<dc:creator>Michael G</dc:creator>

					<description>
						<![CDATA[
						<p>I know this theme has so much potential, but I just can’t figure out how to make it work for me. I have a basic understanding of html and css, and I know the difference between an ID selector and a class selector. However, I’m very new to coding and don’t really understand the difference between using html and css to build a page versus using shortcodes to build a page. There are so many places in this theme where you have the option of using these things and I simply don’t know when and where one is preferable to the other. For instance, let’s say that I choose to add one row in Visual Composer and that one row will consist of a one-quarter column and a three-quarter column. I now have multiple input fields available to me. Each element has an ID, class and style input. Each column has an ID, class and style input. Each row has a class and style input, but no ID option. Why no ID option for the row? At the upper right hand corner of the row, I see a &lt;/&gt; CSS button, and I know that the Customizer also has a custom css input field. In addition to all these things, we are provided with dozens of utility classes. I know that all of these options serve to make this theme extremely flexible and customizable, but there are so many options that I’m confused about when and where I should use them and which is preferable to another. When is it best to use inline styling? When should I assign an ID? When is a class the better choice? When do I need to use a browser code inspector? How does the &lt;/&gt; CSS button differ from the custom CSS input field in the Customizer? When is it most appropriate to use utility classes? Are there situations where shortcodes should be avoided? Can I insert more than one shortcode in a column? If so, will each be separately customizable? Can I do it without risking that pesky “Convert to New Version” notice from Visual Composer?<br />
I sincerely apologize for asking so many questions at once, but I honestly don’t know how else to ask for help with this. If you can dumb this down for me so I can actually grasp how this theme works, I believe you can empower me to accomplish so much more than I’m currently able to do.<br />
Thank you for providing such a wonderful theme and for the awesome support that you patiently deliver to those of us in need.</p>
<p>Michael</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/ids-classes-styles-shortcodes-help-please/#post-42955</guid>
					<title><![CDATA[Reply To: ID’s..Classes..Styles..Shortcodes. Help please!]]></title>
					<link>https://theme.co/archive/forums/topic/ids-classes-styles-shortcodes-help-please/#post-42955</link>
					<pubDate>Sat, 10 May 2014 19:43:45 +0000</pubDate>
					<dc:creator>Carla C</dc:creator>

					<description>
						<![CDATA[
						<p>Hmmmm I have hit a slow learning curve here also although I have not used the visual composer and maybe this is why I cant see all the options. While I am making plenty progress, having a list of the possible classes and a list of the possible styles would make the x-documentation.pdf fullproof (as all the other otpions e.g. button shape, the available posibilites are explained)  and an explanation of the content band then container etc order and I would have no questions to ask, with relatively little experience. GREAT JOB X TEAM, but that one we extra helping hand could make it super simple for even the newest of newbs! </p>
<p>Do you have a list of the classes and styles I could access?<br />
And do you have a tutorial simply explaining the structuring of your code?</p>
<p>THanks.</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/ids-classes-styles-shortcodes-help-please/#post-42958</guid>
					<title><![CDATA[Reply To: ID’s..Classes..Styles..Shortcodes. Help please!]]></title>
					<link>https://theme.co/archive/forums/topic/ids-classes-styles-shortcodes-help-please/#post-42958</link>
					<pubDate>Sat, 10 May 2014 19:52:33 +0000</pubDate>
					<dc:creator>Carla C</dc:creator>

					<description>
						<![CDATA[
						<p>As with a list of the icons etc. There is a tutorial in the knowledge base but if you are not using the visual composer, you have no clue what those icon options are. </p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/ids-classes-styles-shortcodes-help-please/#post-43296</guid>
					<title><![CDATA[Reply To: ID’s..Classes..Styles..Shortcodes. Help please!]]></title>
					<link>https://theme.co/archive/forums/topic/ids-classes-styles-shortcodes-help-please/#post-43296</link>
					<pubDate>Mon, 12 May 2014 01:04:48 +0000</pubDate>
					<dc:creator>Christian</dc:creator>

					<description>
						<![CDATA[
						<p>Hey guys,</p>
<p>We recommend that you view our tutorials in our <a href="http://theme.co/x/member/kb/" target="_blank" rel="nofollow">Knowledge Base</a>. It has everything you need building a website with X. However, in web development or website building in general like what to choose between ID and Class, it is outside the scope of a theme and that knowledge is freely available online. But, we&#8217;ll add more resources to our Knowledge Base continually so we recommend that you visit it often to review existing and new materials.</p>
<p>Michael, please post your questions separately per topic so that others can learn from it too. </p>
<p>Carla, please see the Helper Classes section in <a href="http://updates.theme.co/resources_2156cca47d8d0f08b7cb9897a2358e41/documentation/x-documentation.pdf" target="_blank" rel="nofollow">X documentation</a>. And, the icons are listed <a href="http://theme.co/x/demo/integrity/1/shortcodes/icons/" target="_blank" rel="nofollow">here</a>.</p>
<p>We recommend that you get familiar with the tutorials available in our Knowledge Base and readily available designs in our demos before you build a site with X.</p>
<p>Hope that helps and thank you for understanding. 🙂</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/ids-classes-styles-shortcodes-help-please/#post-43470</guid>
					<title><![CDATA[Reply To: ID’s..Classes..Styles..Shortcodes. Help please!]]></title>
					<link>https://theme.co/archive/forums/topic/ids-classes-styles-shortcodes-help-please/#post-43470</link>
					<pubDate>Mon, 12 May 2014 13:10:29 +0000</pubDate>
					<dc:creator>Michael G</dc:creator>

					<description>
						<![CDATA[
						<p>Thank you for the courteous follow-up. Perhaps I didn&#8217;t explain my dilemma well enough. I understand the difference between an ID and class selector. What I don&#8217;t understand is how to use them with this theme so that they don&#8217;t conflict with the existing code. For instance, if I choose to enter a unique ID to a given element, do I need to put &lt;element ID=&#8221;NAME IN PARENTHESIS&#8221; or just ID=NAME or just &#8220;NAME&#8221; or&#8230;??? And once I create a unique ID, do I then go to the css field and use #UNIQUE_ID_NAME to customize it? If so, do I use the &lt;/&gt;css buttom at the upper right hand corner of the Visual Composer to do this, or do I enter the css at Customizer&gt;Custom&gt;CSS? The same questions apply to creating a unique class name, except that I would beusing &#8220;class&#8221; instead of &#8220;ID and a period instead of a hashtag.<br />
I&#8217;ve read the documentation, searched the forums and watched the videos. If this information is clearly explained, I have failed to grasp it. Please consider adding a FAQ section to the Knowledge Base. A bit of time constructing a thorough FAQ section would likely benefit both the users and the support team. And please remember that most of us are visual learners. A picture is worth a thousand words. A few more videos and/or illustrations would probably clear up some of the more confusing aspects of this process.<br />
Your theme is awesome and your support is awesome. If I can just gain a little more focus, you will have delivered the total package for me.<br />
Thanks again,<br />
Michael</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/ids-classes-styles-shortcodes-help-please/#post-43474</guid>
					<title><![CDATA[Reply To: ID’s..Classes..Styles..Shortcodes. Help please!]]></title>
					<link>https://theme.co/archive/forums/topic/ids-classes-styles-shortcodes-help-please/#post-43474</link>
					<pubDate>Mon, 12 May 2014 13:21:51 +0000</pubDate>
					<dc:creator>Carla C</dc:creator>

					<description>
						<![CDATA[
						<p>Hi</p>
<p>That is really helpful with regards to the Helper Classes. I missed that when reviewing the document.</p>
<p>However, without experience and know-how, or an available list of classes and styles I have NO IDEA what potential class and style attributes will work with the theme, or if simply any attribute will work with the theme? </p>
<p>For example does this list do for all the possible style attributes:</p>
<p><a href="http://support.sas.com/documentation/cdl/en/odsug/61723/HTML/default/viewer.htm#a002972093.htm" rel="nofollow">http://support.sas.com/documentation/cdl/en/odsug/61723/HTML/default/viewer.htm#a002972093.htm</a></p>
<p>And are these class attributes:<br />
<a href="http://www.w3schools.com/tags/default.asp" rel="nofollow">http://www.w3schools.com/tags/default.asp</a></p>
<p> You see without someone with experience confirming or providing a list I feel totally lost, not sure if they are the right thing as there are tonnes of hits from google search but I have no experience to know if these lists are just nonsense, or only style&#8230;.or only class&#8230;or neither. </p>
<p>If you could please recommend two lists, one for class and one for style, in whichever html version is good for the X-theme and is compatible with the theme that would be fantastic. EXPERIENCED PERSONS POINTERS REALLY ESSENTIAL FOR ME HERE, I&#8217;M GETTING KNOWHERE WITH JUST GOOGLING AND NOT HAVING A CLUE WHAT I&#8217;M LOOKING FOR.  </p>
<p>Help much appreciated,<br />
Carla</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/ids-classes-styles-shortcodes-help-please/#post-43766</guid>
					<title><![CDATA[Reply To: ID’s..Classes..Styles..Shortcodes. Help please!]]></title>
					<link>https://theme.co/archive/forums/topic/ids-classes-styles-shortcodes-help-please/#post-43766</link>
					<pubDate>Tue, 13 May 2014 05:26:13 +0000</pubDate>
					<dc:creator>Christian</dc:creator>

					<description>
						<![CDATA[
						<p>Hey Michael,</p>
<p>The shortcodes use the same structure as HTML. Adding and ID to a Shortcode would be</p>
<pre>
[image id="your-id"]
</pre>
<p>Adding ID to HTML would be</p>
<pre><code>
&lt;img id=&quot;your-id&quot;&gt;
</code></pre>
<p>The CSS for that is</p>
<pre>
#your-id { width: 100%; }
</pre>
<p>If you want your CSS to affect a single page only, place it in the Visual Composer&#8217;s CSS (&lt;&gt; CSS). If you want site-wide, place it in your child theme&#8217;s CSS or in the Customizer&#8217;s CSS.</p>
<p>We&#8217;ll be adding more contents in our Knowledge Base soon.</p>
<p>Carla,</p>
<p>The attributes of our Shortcodes are listed in our <a href="http://updates.theme.co/resources_2156cca47d8d0f08b7cb9897a2358e41/documentation/x-documentation.pdf" target="_blank" rel="nofollow">X Documentation</a>. You cannot add your own attributes. You can work with Shortcodes or the Visual Composer which are the same. That would be everything your need in building a web page out of the box with X.</p>
<p>Regarding web development (e.g. developing in HTML) in general though, we&#8217;re sorry but we couldn&#8217;t support you for that as it would involve coding outside setting up X out of the box.</p>
<p>Thank you for understanding.</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/ids-classes-styles-shortcodes-help-please/#post-44098</guid>
					<title><![CDATA[Reply To: ID’s..Classes..Styles..Shortcodes. Help please!]]></title>
					<link>https://theme.co/archive/forums/topic/ids-classes-styles-shortcodes-help-please/#post-44098</link>
					<pubDate>Wed, 14 May 2014 00:25:40 +0000</pubDate>
					<dc:creator>Michael G</dc:creator>

					<description>
						<![CDATA[
						<p>Thanks as always for the much-needed help. The url to my site is located in this thread. Would you kindly take a look at it and tell me how to remove the gray line/border just above the footer widget area? I&#8217;ve inspected the code and tried to remove it using several different selectors, but apparently I&#8217;ve failed to correctly identify it. I&#8217;d really like to remove it, if possible.<br />
Also, at the very bottom of the page, the &#8220;Proudly Powered by&#8221; text is unreadable even though I&#8217;ve assigned a white text to the blue background. It was showing previously, but I think I may have somehow altered it while trying to add some other styling. I&#8217;ve verified that the footer css is still present, but it seems to be having no affect. If you can tell me how to make that visible again, I&#8217;d be very grateful.</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/ids-classes-styles-shortcodes-help-please/#post-44458</guid>
					<title><![CDATA[Reply To: ID’s..Classes..Styles..Shortcodes. Help please!]]></title>
					<link>https://theme.co/archive/forums/topic/ids-classes-styles-shortcodes-help-please/#post-44458</link>
					<pubDate>Wed, 14 May 2014 22:22:14 +0000</pubDate>
					<dc:creator>Rad</dc:creator>

					<description>
						<![CDATA[
						<p>Hi Micheal,</p>
<p>Can&#8217;t find you url address in this thread, instead I checked into your other threads and found this <a href="http://demolawfirm.peedeewebsites.com/" rel="nofollow">http://demolawfirm.peedeewebsites.com/</a>. Is this still the same url you&#8217;re referring to this thread?</p>
<p>You could remove the gray lines above footer widget by using this css, and just add this at your customizer&#8217;s custom css (or child theme&#8217;s style.css)</p>
<pre><code>.x-colophon {
border: 0px!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
</code></pre>
<p>And you&#8217;re missing &#8220;;&#8221; after your color.</p>
<pre><code>letter-spacing: 2px; 
color:#fff
text-transform: uppercase; opacity: 0.5; filter: alpha(opacity=50);
</code></pre>
<p>Should be like :</p>
<pre><code>letter-spacing: 2px; 
color:#fff;
text-transform: uppercase; opacity: 0.5; filter: alpha(opacity=50);</code></pre>
<p>Hope this helps.</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/ids-classes-styles-shortcodes-help-please/#post-44469</guid>
					<title><![CDATA[Reply To: ID’s..Classes..Styles..Shortcodes. Help please!]]></title>
					<link>https://theme.co/archive/forums/topic/ids-classes-styles-shortcodes-help-please/#post-44469</link>
					<pubDate>Wed, 14 May 2014 22:53:48 +0000</pubDate>
					<dc:creator>Michael G</dc:creator>

					<description>
						<![CDATA[
						<p>Yes, that&#8217;s the correct url. It&#8217;s amazing how much stress one quotation mark or semicolon can add to one&#8217;s day. I guess the devil really is in the details. Thank you so much. </p>
<p>Michael</p>
						]]>
					</description>

					
					
				</item>

					
		
	</channel>
	</rss>

