Languages

---

About This Topic

• Posted 2 years ago
• By Prevail
• Latest reply from milo
• This topic is resolved

• Related Topics:

  • changing the header title font of Fog 1.0
  • Bruce theme images
  • Tech9 Theme
  • email error since activate Detox Theme
  • Problems with home page pagination in btExtended Theme

Tags

• Fog
• css

1. 

   Prevail
   

   new member
   

   
   Posted 2 years ago
   #

   I am using your FOG theme. I've noticed that on the Internet Explorer browser, and some others like Safari, the Blog Description (which is the short statement below the Blog Title) is often displayed to the left and top of the Blog Title instead of being right justified below the Blog Title. When I click "Compatability View" on Explorer it fixes this problem and realigns everything.

   What can I do so that the display looks the way it's supposed to all the time. Other people who view my site may not be aware of the Compatability View option on Explorer and so the Blog Title and Blog Description will just look cockeyed to them. I'm not even sure if other browsers like Safari have such an option. I am far from an expert in these matters.

   Apparently things get displayed differently on newer browsers. So what changes can I make, if any?

   Thank you, and I really like the FOG theme. Very nice looking.

   PREVAIL OUT.
2. 

   milo
   

   moderator
   

   
   Posted 2 years ago
   #

   Use this block of code

   #header h1 a{width:100%;height:37px;margin:0;background:transparent;display:block;} .des{margin:-7px 0 0 0;padding:0;color:#AEC1CD;float:right;clear:right;}

   then it should show up same in all browsers.
3. 

   Prevail
   

   new member
   

   
   Posted 2 years ago
   #

   One more question, in which I am embarassed to reveal my painful ignorance:

   Where do I place the block of code you have listed?

   Thank you for your indulgence.
4. 

   milo
   

   moderator
   

   
   Posted 2 years ago
   #

   Go to
   appearance/editor/Stylesheet (style.css)
   and find the line starting with #header,
   underneath you will find #header h1 a,
   where you overwrite your current css rules.