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 » New Versions, & Updating »

[SOLVED] Charts/pictures go way out of the border


  #1  
Old Jun 8, 2016, 01:56 PM
alexmai
 
25 posts · Dec 2014
[SOLVED] Charts/pictures go way out of the border

I'm using ipad testing in this case. the charts within the article doesnt adjust itself to the length of middle column. It went way out of the border. How can I fix it?
  #2  
Old Jun 8, 2016, 02:57 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
If you look at the chart element, what is the CSS applied AND any styling embedded in the element itself?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jun 9, 2016, 03:01 AM
alexmai
 
25 posts · Dec 2014
Images in Posts
Style images in posts, when they have no caption. The lines with "radius" create rounded corners in Firefox and Safari. To remove the border around images, delete everything in this box.

padding: 5px;
border: solid 1px #dddddd;
background-color: #f3f3f3;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;

------

style.css


*/

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

.wp-caption {
background: #f1f1f1;
line-height: 18px;
margin-bottom: 20px;
padding: 4px;
text-align: center;
}

.wp-caption-text {
color: #888;
font-size: 12px;
margin: 5px;
}

.gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
}

.sticky {
font-weight: normal;
}

.bypostauthor {
font-weight: normal;
}
  #4  
Old Jun 9, 2016, 03:17 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try adding a width: 100%' to the image
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Jun 9, 2016 at 03:21 AM.
  #5  
Old Jun 9, 2016, 05:58 AM
alexmai
 
25 posts · Dec 2014
WHere should I add it?

add it here? atahualpa theme options -> style image -> Images in Posts

width: 100%;

like that?
  #6  
Old Jun 9, 2016, 10:40 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
did you try it?
__________________
"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
Image border Yes. Caption Border No. vCopia Center area post/pages 1 Jan 19, 2011 05:32 PM
[SOLVED] how to create a CSS insert for border-left border-right on menu tabs aliengirl Page & Category Menu Bars 3 Jan 7, 2010 08:22 PM
[SOLVED] Space between Footer Border top and widget border bottom?? norwichkaren Atahualpa 3 Wordpress theme 12 Sep 25, 2009 07:32 AM
Two pictures in Header instead of one? TheSidewinder Header configuration & styling 1 Apr 22, 2009 04:14 PM
Pictures get cut off at end of text MustacheGlory Atahualpa 3 Wordpress theme 0 Mar 24, 2009 09:37 AM


All times are GMT -6. The time now is 05:34 AM.


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