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 »

Resizing of graphic elements


  #1  
Old Dec 3, 2015, 12:35 PM
nesdon
 
7 posts · Jun 2015
Resizing of graphic elements

I am using 3.7.10 for allpowerlabs.com. I'm getting some comments that some of the images overrun the center column content area in some screen resolutions. I returned the "overall style and config" layout to 99% with no mins or maximums, which had been set to 1040 min and 1400 max, but still seem to have this behavior.

As I mentioned in the past, I am a designer not a coder who has taken over a highly customized site. From my limited knowledge of CSS, would expect this 99% to resize all content to whatever screen resolution of window sizing the viewer is using. What am I missing?
  #2  
Old Dec 3, 2015, 02:36 PM
juggledad's Avatar
juggledad
 
23,755 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Quote:
I'm getting some comments that some of the images overrun the center column content area in some screen resolutions.
It would be helpful if you would to point to some examples.

The layout width of 99% just says the page will use 99% of the browser window. Other CSS will set other constraints on other elements on the site.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Dec 3, 2015, 08:27 PM
nesdon
 
7 posts · Jun 2015


This is the html of that image:
<a href="http://www.allpowerlabs.com/carbon/gasification-biochar-carbon-negative-energy"><img class="aligncenter wp-image-11447" src="http://www.allpowerlabs.com/wp-content/uploads/2015/06/CarbonCycleIconsFlip.png" alt="carbon cycle" width="640" height="300" /></a>

As the wp media library does not offer any fluid settings, I assume the theme's general layout setting governs. I have not added any other variances to the css and the only entry in the "style images" section or the athalupa them options is: "padding: 10px;"

And these are the only CSS inserts:
" .soliloquy-container .soliloquy-pager-item {
border: 2px solid #808080 !important;
border-radius: 999em !important;
}
.soliloquy-container .soliloquy-pager-link {
background-image: none !important;
width: 7px !important;
height: 7px !important;
}
.soliloquy-container .soliloquy-pager-link:hover, .soliloquy-container .soliloquy-pager-link.active {
background-image: none !important;
background-color: #ff9900 !important;
}
ul{padding-left: 17px;}

h1 { font-size: 34px; line-height: 1.2; margin: 0.3em 0 10px; }
h2 { font-size: 18px; line-height: 1.3; margin: 1em 0 .2em; }
h3 { font-size: 14px; line-height: 1.3; margin: 1em 0 .2em; }
h4 { font-size: 19px; margin: 1.33em 0 .2em; }
h5 { font-size: 1.3em; margin: 1.67em 0; font-weight: bold; }
h6 { font-size: 1.15em; margin: 1.67em 0; font-weight: bold; }
#wpmtp-wrapper h3.wpmtp-post-title a {font-size:95%!important;font-weight:normal!important;}
div.post table tr.alt td {background: ffffff; }
<style type="text/css">iframe.goog-te-banner-frame { display:none !
important; }</style>
<style type="text/css">body {position: static !important; top: 0 !
important;}</style> "

Although I'm not sure what all that at the bottom is for.
  #4  
Old Dec 4, 2015, 06:31 AM
juggledad's Avatar
juggledad
 
23,755 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
For what it's worth, I just copied your image into a site of mine and it resizes fine - the difference is I'm using Atahualpa 3.7.24
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Dec 4, 2015, 03:09 PM
nesdon
 
7 posts · Jun 2015
I have regular backups with updraft so my data is safe, but the last upgrade I did from WP 3.x to 4.x crashed the site for a day or so and I had to pull in one of our software engineers to help get it back up, as we were both beyond our skillsets.

That's not much of a jump, and its just the theme, but one of the folks who originally developed the site told me the theme was heavily customized, although I have no idea if they just meant many mods to the configs (there are) or some deeper coding. Any idea what the chances are that that upgrade will cause me problems?
  #6  
Old Dec 4, 2015, 06:05 PM
juggledad's Avatar
juggledad
 
23,755 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Not many people edit the themes code because the options are so useful. there is rerely a need to do that.

But you never know. What I would do is download the theme folder to your PC and then download a fresh copy of the 3.7.10 version of the theme and do a comparison (TextWrangler on the mac allosw you to compare two fiolders for changes and all the content in the folders)

And as always, you should do a full backup of the site (database and all files) before upgrading. Also take a snapshot of all your widgets and their locations. Due to a wordpress requirement, a change was made in 3.7.24 which causes all the widgets to become inactive and you have to move them back to the widget areas they are currently in. You will see all the widgets in the 'inactive' section, so you just need to drag them back, just make sure you move the correct widgets to the correct widget area (thus the advice to tack some screen shots of the widget area as it currently exists)
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
graphic at top of Blog page cway Center area post/pages 1 Nov 9, 2011 09:36 AM
[SOLVED] Graphic image above a colored background Cheers Header configuration & styling 2 Oct 28, 2011 07:40 AM
page header graphic cway Header configuration & styling 1 Aug 3, 2011 01:20 PM
Graphic roll-over selector for main menu nick51 Header configuration & styling 1 Dec 2, 2010 12:38 PM
[SOLVED] Rollover Graphic in Header Whatsthatcat? Header configuration & styling 2 Sep 25, 2009 07:51 AM


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


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