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 »

Proportional logo in header area


  #1  
Old May 3, 2017, 09:03 AM
egamess
 
4 posts · May 2017
Hi all,

I am using WP version 4.7.4 and Atahualpa version 3.7.24.
The site is: http://www.concisa.net.ve/2017

In the header area, I have a logo image (%logo). It is a unique bitmap image made of several logos. When I reduce the width of the browser, the logo image maintains its size. It is not reduced proportionally according to the width of the browser. However, the slider image does.

I am attaching the exported settings of the site and a screenshot where I highlight the problem.

Thank you for advising.

Eric.
Attached Thumbnails
Click image for larger version

Name:	proportional-logo-image.jpg
Views:	37
Size:	73.2 KB
ID:	2792  
Attached Files
File Type: txt ata-wwwconcisanetve-20170503.txt (14.1 KB, 39 views)
  #2  
Old May 4, 2017, 11:33 AM
juggledad's Avatar
juggledad
 
23,512 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Because of the way Atahualpa was originally written (using tables) there is not an easy way to do this.

You might be able to use some jscript code to change it, but that is beyond the help I can give you.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old May 4, 2017, 04:30 PM
juggledad's Avatar
juggledad
 
23,512 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Actually I may have found a way. add the following to the ATO->HTML/CSS inserts->CSS Inserts option
HTML Code:
td.logoarea-logo {width: unset;}
td.logoarea-logo img.logo {
     height: auto;
    max-width: 50%;
}
You will have to mess around with the position of the title but I'll leave that as an exercise for you to do.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #4  
Old May 5, 2017, 08:16 AM
egamess
 
4 posts · May 2017
Thank you for your answer Junggle Dad.
Yes, with this code, it makes the logo image proportional.
But as you mentioned, now the title is not centered anymore.
I have tried to center it, but no success for now. See screenshot attached.

Thank you again.

Eric.
Attached Thumbnails
Click image for larger version

Name:	now-title.jpg
Views:	8
Size:	89.0 KB
ID:	2794  

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Create header widget area to the left of the RSS icon in logo area elisabeth999 Sidebars & Widgets 4 Oct 1, 2014 02:58 PM
Can I put my header banner in the logo area and make the header area transparent? jstein Header configuration & styling 5 Jan 18, 2011 03:15 PM
[SOLVED] Can't get rid of text in logo image area in header area unadoyle Header configuration & styling 2 Sep 2, 2010 04:43 AM
Positioning widget onto logo area creates extra spacing in the overall header area cab262 Header configuration & styling 1 May 20, 2010 01:14 PM


All times are GMT -6. The time now is 09:14 AM.


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