Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

Different styling for Logo, Title and Tagline.


  #1  
Old Jul 3, 2013, 06:43 AM
gnosis
 
173 posts · May 2010
Currently have:
ATO=>Style & edti HEADER AREA=>Configure Header Area:
<div id="mylogo"><a href="http://www.gc.cuny.edu"><img src="http://library.gc.cuny.edu/mrl365_2/wp-content/themes/atahualpa/images/gc_logo.jpg" alt="Mina Rees Library" /></a></div><h2 class="blogtitle"><a href="http://library.gc.cuny.edu/">Mina Rees Library</a></h2><p class="tagline"><a href="http://www.gc.cuny.edu/">CUNY Graduate Center</a></p>
%logo %pages %image


Based upon this thread:
http://forum.bytesforall.com/showthr...9927#post89927

How do I style the logo, title and taglines differently?

Do I need to do this:

<div id="mylogo"><a href="http://www.gc.cuny.edu"><img src="http://library.gc.cuny.edu/mrl365_2/wp-content/themes/atahualpa/images/gc_logo.jpg" alt="Mina Rees Library" /></a></div>

<div id="mytitle">
<h2 class="blogtitle"><a href="http://library.gc.cuny.edu/">Mina Rees Library</a></h2>
</div>

<div id="mytagline"><a href="http://www.gc.cuny.edu/">CUNY Graduate Center</a></p></div>

and then define the css on mylogo, mytitle, mytagline?
And if so where?

Also, please see:
http://forum.bytesforall.com/showthread.php?t=20562
  #2  
Old Jul 3, 2013, 06:59 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
CSS has a set of precidence - ie the order the selectors are applied. In order to apply any css to a particular HTML element, the most specific CSS selector is the one that will apply first.
You have
HTML Code:
<div id="mylogo">
  <a href="http://www.gc.cuny.edu"><img src="http://library.gc.cuny.edu/mrl365_2/wp-content/themes/atahualpa/images/gc_logo.jpg" alt="Mina Rees Library" /></a>
</div>
<h2 class="blogtitle">
  <a href="http://library.gc.cuny.edu/">Mina Rees Library</a>
/h2>
<p class="tagline">
  <a href="http://www.gc.cuny.edu/">CUNY Graduate Center</a>
</p>
If you wrapped all that in another div with a unique ID you could use that ID so your CSS Selector will be the most specific andthe rules you code will be applied.
  #3  
Old Jul 3, 2013, 07:50 AM
gnosis
 
173 posts · May 2010
Shouldn't title and tagline be in their own ids, if I want to apply different CSS?
  #4  
Old Jul 3, 2013, 07:55 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
You should really take a CSS tutorial (http://www.htmldog.com/guides/css/) With the 'wrapped' div you can use that as the first selector to identify the elements.
  #5  
Old Jul 3, 2013, 09:28 AM
gnosis
 
173 posts · May 2010
Got that, but wanted to understand how to implement in ATO
  #6  
Old Jul 3, 2013, 01:45 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Easy, write your CSS selector and rules and put them in the 'CSS Inserts' option which is a place to put CSS that you can't set in an option
  #7  
Old Jul 3, 2013, 01:49 PM
gnosis
 
173 posts · May 2010
Perfect. So:

add new divIDs
and define IDs in CSS Inserts
  #8  
Old Jul 3, 2013, 03:06 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try it and let me know how it works.

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to center logo and tagline and position tagline under logo? Elizabeth Header configuration & styling 6 Mar 16, 2012 08:52 PM
Logo directly above tagline? patl Header configuration & styling 1 Jan 1, 2010 05:00 PM
Making the tagline logo area read page title maguai Header configuration & styling 4 Aug 18, 2009 11:53 AM
How to put tagline along with blog title to show as the browser title? Oracle Atahualpa 3 Wordpress theme 2 May 7, 2009 11:32 AM


All times are GMT -6. The time now is 01:32 AM.


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