Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

HOWTO: make a custom text style on post/page


  #1  
Old Jan 30, 2010, 12:32 AM
pakacil
 
20 posts · Jan 2010
sometime, we want to make a different style of text on posts or pages, for any reason
for example, like this one: (click pic to enlarge)
Click image for larger version

Name:	ctext1.jpg
Views:	2182
Size:	43.6 KB
ID:	369

to make it...
• go to Atahualpa Options
• on Various Content Items section, go to Add HTML/CSS Inserts tab
• add this new class (and don't forget to save it)
HTML Code:
.custom {
float: right;
font-family: Times New Roman; 
font-size: 24px; 
font-style: italic; 
color: #900000;
text-align: right; 
width: 200px; 
margin: 0 0 0 10px; 
padding: 0;
}
note: You can change all parameters in that class above: name, etc.

now, this is the way to implement it
on our WP text editor, use HTML Mode and implement custom css in any text we want in any position in our paragraph
HTML Code:
<span class="custom">"this is our custom text style..."</span>Lorem ipsum dolor sit amet,...
that's it...

Last edited by juggledad; Apr 26, 2010 at 02:25 PM.
  #2  
Old May 3, 2010, 03:02 PM
globalnerds's Avatar
globalnerds
 
43 posts · Nov 2009
Saratoga Springs, NY
While this is great for changing a piece of text on a page. How can I change the default font(s) for all of my pages and posts where I do not specify a tag?
__________________
Gary GlobalNerds.com
  #3  
Old May 3, 2010, 03:26 PM
Wimbledon's Avatar
Wimbledon
 
320 posts · Apr 2009
[VA & AZ], USA
Quote:
Originally Posted by globalnerds
While this is great for changing a piece of text on a page. How can I change the default font(s) for all of my pages and posts where I do not specify a tag?
Atahualpa Theme Options > Body, Text & Links > Modify font-family:

http://www.w3schools.com/css/css_font.asp
  #4  
Old Jun 13, 2010, 12:56 PM
preciousfoods
 
34 posts · Jun 2010
Hello, what do I do if I do not want this central column blog/post/comments thing going on? I would like a site with only some text and links to videos, some ads, but no real blog per se.
thank you for your help!
  #5  
Old Jun 13, 2010, 01:02 PM
preciousfoods
 
34 posts · Jun 2010
I mean is it possible at all? I guess it has to have a minimum the structure of a blog?
  #6  
Old Jun 13, 2010, 02:35 PM
lmilesw's Avatar
lmilesw
 
10,172 posts · Jul 2009
Central New York State USA
Look at your WordPress dashboard under Settings>Reading. You can set the home page to static and then just use pages if you like for a less "bloggy" site.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #7  
Old Jun 13, 2010, 03:11 PM
preciousfoods
 
34 posts · Jun 2010
wonderful, thank you so much
  #8  
Old Jun 13, 2010, 03:15 PM
preciousfoods
 
34 posts · Jun 2010
can I also take out "by admin" "one comment" "uncategorized", all these things so taht it doesn;t show on the page?
thank you!
  #9  
Old Jun 13, 2010, 03:27 PM
lmilesw's Avatar
lmilesw
 
10,172 posts · Jul 2009
Central New York State USA
It will take a little time but the best thing is to go through all the Atahualpa Theme settings. You will find all sorts of items you can configure. For instance what you are looking for is in Edit POST/PAGE INFO ITEMS. It will really pay for you to play around with the various settings to get used to them.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #10  
Old Jun 13, 2010, 04:25 PM
preciousfoods
 
34 posts · Jun 2010
Thanks! Actually it is the one I kind of left out for now as it looked really daunting. I played with the easiest ones for now There is one thing though, I can't seem to modify the center column style in 'style and edit center column', have added padding, background etc though, I must be doing something wrong or not have understood something, is it not something you can do?

Thanks again , your help is very much appreciated!
  #11  
Old Jun 13, 2010, 04:33 PM
lmilesw's Avatar
lmilesw
 
10,172 posts · Jul 2009
Central New York State USA
What version of Atahualpa and WordPress? What is the URL? What did you put in the center column style box?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #12  
Old Jun 13, 2010, 05:10 PM
preciousfoods
 
34 posts · Jun 2010
last wordpress, last atahualpa, just beginning, ourpowerback.com , I would like to have the box lower, at 20px and with the same background... I have entered padding: 20px 20px;
background: url (with the right url link) , is that not how it should be done?
  #13  
Old Jun 13, 2010, 07:22 PM
preciousfoods
 
34 posts · Jun 2010
It is SO didactical, it s great, there is so much info, you really can learn some code without effort, I was thinking, you know, once you know, oh ok so if I write this like that this is what it does, then to transform the whole thing into the best didactical online paper would be to have a short sentence on each setting page saying : "you can find these codes and modify them in your *.php" as well if you wanted to", (let's say functions.php or something), wouldn't that be great?
  #14  
Old Jun 13, 2010, 09:50 PM
lmilesw's Avatar
lmilesw
 
10,172 posts · Jul 2009
Central New York State USA
Some of the theme settings have CSS for the center column in the CSS Inserts which overrides the CSS in the Center Column section so take a look there as well.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #15  
Old Jun 13, 2010, 10:22 PM
preciousfoods
 
34 posts · Jun 2010
Hello, I did actually, as I wanted to get rid of the header image container border (which I did) but I still don't get how to lower my central column 20px... still working on it... any help greatly appreciated! thank you!
  #16  
Old Jun 13, 2010, 10:48 PM
preciousfoods
 
34 posts · Jun 2010
Also I spent hours on trying to remove the borders of my sidebars, adding border none to the widgets, the sidebars, modifying CSS, I just cant find a way... ourpowerback.com , help!
  #17  
Old Jun 13, 2010, 10:56 PM
preciousfoods
 
34 posts · Jun 2010
Aooops, found it, was in widget-container, still cannot lower my central column though
  #18  
Old Jun 13, 2010, 11:05 PM
preciousfoods
 
34 posts · Jun 2010
found it again, it was in post-container, thanks! great theme really, love it
  #19  
Old Jun 13, 2010, 11:22 PM
lmilesw's Avatar
lmilesw
 
10,172 posts · Jul 2009
Central New York State USA
You can use the CSS you put in the center container if you can't find where it is being called but you might have to add !important to the code as follows.
HTML Code:
padding: 20px 20px !important;
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #20  
Old Jun 14, 2010, 11:09 AM
preciousfoods
 
34 posts · Jun 2010
Oh ok thanks I ll try that, also where does one get rid of the RSS and COMMENT icons that seem to be attached to the logo and pop up when I activate the logo?
thanks again!
  #21  
Old Jun 14, 2010, 11:12 AM
preciousfoods
 
34 posts · Jun 2010
oh yes to lower the central column, I found it yesterday actually it doesnt work in style center column but worked in post container
thank you anyway!
  #22  
Old Jun 14, 2010, 11:24 AM
lmilesw's Avatar
lmilesw
 
10,172 posts · Jul 2009
Central New York State USA
Quote:
Originally Posted by preciousfoods
Oh ok thanks I ll try that, also where does one get rid of the RSS and COMMENT icons that seem to be attached to the logo and pop up when I activate the logo?
thanks again!
Look at the Atahualpa RSS section.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #23  
Old Jul 17, 2011, 10:12 PM
sober's Avatar
sober
 
121 posts · Oct 2010
Can i use the same for creating a custom link style which I can manually add. For example <a href="" class="customclass" that would make a link different from others. If possible, give me an example
  #24  
Old Jul 18, 2011, 06:32 AM
juggledad's Avatar
juggledad
 
23,465 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
absolutely. You can put any CSS in the CSS Inserts and it will be used when you specify that class or ID (remember ID's have to be unique per page)

here is an example
HTML Code:
.linkblue {color: #blue;}
.linkred {color: #red;}
now if you used
HTML Code:
<a href="..." class="linkred">blah blah</a>
the text color would be red, if you use
HTML Code:
<a href="..." class="linkgreen">blah blah</a>
the color would be green
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #25  
Old Jul 18, 2011, 06:53 AM
lmilesw's Avatar
lmilesw
 
10,172 posts · Jul 2009
Central New York State USA
I would probably wrap the link in a div so I can style the hover. Never tried adding a class to the a tag directly. For example.
HTML Code:
<div class="special-link"><a href="">Link Text</a></div>
Then use CSS to style
HTML Code:
.special-link a:link {
color: blue;
}
.special-link a:hover {
color: red;
}
Just do some experimenting to see what works.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
custom 404: Dunstan-style Error Page Plugin twincascos Plugins & Atahualpa 3 Dec 20, 2010 09:26 AM
[SOLVED] How to make page menu item point to custom URL? bongo Page & Category Menu Bars 2 Jan 22, 2010 09:17 AM
SEO - Setting custom page title per page/post? gesman Header configuration & styling 2 Jul 23, 2009 05:03 PM
Changing the style of the post's body text and other font issues. perdox808 Atahualpa 3 Wordpress theme 2 Apr 20, 2009 09:26 PM
How to style "post icon" and "post comments" text Whatsthatcat? RSS, Feeds & Subscribing 3 Apr 1, 2009 10:41 AM


All times are GMT -6. The time now is 12:12 PM.


Powered by vBulletin® Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.