Jump to content

Search the Community

Showing results for tags 'padding'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Found 36 results

  1. I am slowly getting closer to something I like for the general appearance of my site. What's currently nagging me is trying to remove the top and bottom padding/margin from the image in the header. It seems that I've done what I want with the menu but there was dead space above the image and between the image and menu. Trying out padding and margin settings, I got something that came close to what I want but saw odd behavior along the way. Changing either the top or bottom padding to 0 (from blank), removed all padding from the top and sides but left a small band between the image and menu. Setting all eight padding and margin settings to 0 removed all except the band between image and menu. (But it seems that entering 0 in only the top or bottom padding option is all that was needed.) So, heading into the twilight zone, I changed the bottom margin to -1. That removed the band but allowed the menu to slightly overlap the image. AND, narrowing the browser, or viewing on a phone, caused the band to reappear. Perhaps there's also a problem with the menu but I don't see it. So that's where it stands at the moment: http://756.a44.myftpupload.com I seems to me that if there is a default padding value, setting it to 0 should be all that's needed to get the two sections to meet perfectly on any device/browser width.
  2. Hello There, I am working with Platform 5 and have run into an unnerving problem. I am trying to position my clients picture along the bottom of the container, so that it sits right on the bottom. After a good hour of googling and messing with the CSS I figured I would ask the question here. Below is my screenshot displaying my problem. I will need to do this frequently in the future. My Problem Image Unlike in DMS, when I add a margin to an embed or image box it simply makes the container larger while keeping the padding, I cannot have any padding or any space whatsoever on the bottom of my clients image. Is there a way to remove all padding from the container so I can have this work across screen sizes? If not is there anyway to position an element directly at the bottom of another element in Platform 5? This seems like a basic feature and was easily attainable within DMS. I cannot create an image combining all these elements as it will not scale well on mobile and will make my clients logo unreadable and her face incredibly small. Thank you for any help, Perry
  3. Hello, I am a bit confused about the usage of percentages for section padding/margin settings in the PL5 UI. Percentages don't scale well for mobile devices (especially in height), so those settings are pretty much useless. Case in point, the defaults are expressed in rem units, not percentages: .pl-sn-pad { padding: 1rem; ... } Why force the user to use percentages in the PL5 section UI when it would have been as easy to let the user specify the unit?
  4. I'm a newbie, so I'm still learning.  I can't seem to figure out how to separate the header template area from the top of the site, or top bar at the very top of the site.  What I want is to bring the header template area down some, so that you can see my background image.   I don't know how to even go about giving that a class, or code it in custom code.  Can anyone help me please. Thanks.  
  5. greetings oh generous human species:   I would like to reduce the padding space between my classic navigation bar and my custom logo. www.tedfury.com/shop   I have had no luck locating a simple answer for this issue on any forum.    Please help assist.    The future of my species may rest solely upon your shoulders...   hT
  6. Hello,   I know how you guys are about holding our hands when it comes to css.  Though I am a complete newbie on this, I did read the Pagelines support page on Custom CSS as well as the W3 website.  So I know how to apply the change, I'm just having trouble nailing down the correct element.   I was able to find it using the Chrome inspection tool (see attached).  And I was even able to remove the padding by un-checking the padding box in inspection mode.  I just can't nail down what element tag to put into the Customize plugin.     Fslider is not working.  This is what I currently have:   fslider { padding:none; }   Can I get some help on this?   Alyse www.theurbancoin.com 
  7. Hi James,    It is the gap between the main menu (Test Page) and the content area on http://www.compare-assetsoftware.co.uk/wordpress/   I would like no gap between the main menu/navigation and the content area.    Please advise.    Prasanna
  8. nav classic

    Anyone know how to reduce the space between nav links in Nav Classic? They're too widely spaced apart for my site. Thanks
  9. Hello, I'm looking for help with the top Brand Nav Section of this site. http://www.effectivepeoplegroup.com.au/group/ I need to have the main logo centred and all the header section in the yellow band. At the moment I can't seem to remove the padding from around the main logo. It is showing a white panel on the left side. I'm very new to CSS so need help please, after going through the forums I have used the following CSS #branding .section-branding .content-pad {padding:0;} And it does nothing I also have added .section-brandnav .mainlogo-link img {max-width: 103%;} max-width:100% leaves me with white on the right side also so adjusting this to 103% seemed to help. But increasing this didn't change it further. I've tried inspecting with Chrome inspect tool and can't seem to find how to fix it. Also I need to centre the Navigation and extend to the width of the page 900px. With the menus evenly spaced or centred in this space. At the moment I'm stuck with it being right aligned. I tried the Sexy Snips but it doesn't work though I did succeed with the code they suggested to make the font bold for the navigation. Thanks, Jacqui
  10. boxes + responsive css

    Hi, i have an issue with the box section. I have a css3 fade animation as hover effect and both images (top+bottom) are positioned in the box content area. The browser compatibility is ok in firefox, google chrome, safari, but the responsive layout doesn't work on the mobile devices.... how can i resolve this? thx for your response. Site: http://wp.tanzprojekte.ch/wordpress/kursangebot/ Code Html: <div class="hover_kurse"><a href="#"> <img class="bottom" alt="afro fit link" src="http://wp.tanzprojekte.ch/wordpress/wp-content/uploads/2013/04/at_discover_02_hover.jpg" /> <img class="top" alt="afro discover link" src="http://wp.tanzprojekte.ch/wordpress/wp-content/uploads/2013/04/at_discover_02.jpg" /> </a></div> Code Css: .hover_kurse{ position:relative;width: 250px; height: 250px;} .hover_kurse img{ position:absolute; left:0; top:0px; display:block; opacity:1; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out;} .hover_kurse img:hover {opacity:0;}
  11. Hello, I need help with the header: 1. Change the color behind my uploaded logo to black 2. Center the logo (I will not be using the area to the right for social media icons) 3. Remove the space/padding around the logo so that it is flush with the top of the screen, the nav bar, and left and right margins -- Actually if I did this, I guess changing the color behind it would be irrelevant because it would take up the entire space. See http://severxance.com/ I am trying to get it to look similar to the attached mockup. Thank you.
  12. I don't know css, that is why I wanted to use a drag and drop theme--and I've used PageLines on 3 other websites. But now I'm trying to place a banner at the top (and eventually will need one at the bottom) of the page. I've got the banner placed, but there's too much padding. Here's the site: http://ccusers.org/
  13. padding

    I'm trying to reduce the padding around the logo, nav bar, boxes at the top of the site so that I can condense the website. Note all the white space. www.showtimerealtynw.com
  14. Hi. I am building a new site at www.climbur.com using PageLines. It's the latest version of PL and WP hosted on Synthesis. I need to remove the padding on div.content-pad but I don't see where I can edit the CSS without FTP... does the PL framework remove CSS editing under the WP Appearance area? See attachments. I want the content to lineup flush with the logo at www.climbur.com. I set the content area to be 800px wide... but in reality, with this padding, it is 30px less at 770px. Any help is greatly appreciated! Thanks! Also--I tried to sign into the Live Chat using the same credentials that let me post here in the forum but it won't let me in... anyone know why? Chris
  15. Push all content down

    I'm trying to find a way to push the content on ALL pages down, without effecting the nav. So if there are features, or boxes, or just text I want it further down the page in relation to the navigation. Everything I've found on here just seems to deal with one aspect or the other. Do I need to pad the navigation on the bottom? Or?
  16. This seems to happen in Internet Explorer + Firefox. You can see the site here: Can anyone give me some pointers to fix it? I'm probably overlooking something stupid! Thanks
  17. Hello, I would like to adjust the space underneath our images in blog posts. I have tried several different things, searched, and haven't found a solution yet. What css code would work to reduce (adjust) the padding under blog post images. Example: http://thisisyou.net/lindsay-cory/ That huge white line underneath is what we would like to reduce down. Thanks, Mark
  18. NEWBIE! I am having trouble figuring out how to create spacing between Brandnav & Nav Classic menus. Website here.. http://website-design-vancouver.ca/blog/ I want the block-menu to be up higher, and the line to be right along the bottom of the block-menu buttons. I have created most of the menus using CSS, but not sure if this is the best way to do it. Can you help?
  19. Hi all, can someone help me with a css change? I want to change the padding between a certain banner type, see the two at the bottom of this page... http://www.istianjin.org/index.php/our-enrollment-process/admission-process/ I'd like to reduce the spacing between them if possible... but the tricky bit is only applying the padding reduction to one particular category of banner (Banner - Advertising) and not the others Not played about with css too much before! Thanks Barney
  20. Reduce space below Masthead

    Hello! I'm trying to reduce some of the massive amount of whitespace between the Masthead section and the Highlight section on this page: http://www.skypeenglishclasses.com/payments/ I've tried using the suggestions here: http://www.pagelines.com/forum/topic/21089-change-the-height-of-masthead-section/?hl=space+below+masthead and here: http://www.pagelines.com/forum/topic/21395-extra-lines-white-space-between-pageline-options-how-to-remove-it/?hl=space+below+masthead#entry124426 and a few variations on them, but without success.
  21. I am working on a site for myself and I have hit a road block with one small portion. I checked the forum, and none of the answers on there fixes my issue or I would not have written. If you check my site, I am just trying to reduce the space between the header/branding and the navigation. I assume it is a little css code added to make the change. I already have my custom CSS installed, so if you all know what I should enter to change the padding in between these sections or any other tweak to fix it I would be very happy. http://zumbamusic.co/ Thanks Jimmy
  22. LAYOUT

    So. I have a text widget in the primary sidebar which is place in SB1 (sidebar 1). I want to move it to the right and give it a lot of breathing room between the main column and SB2. This is a mockup of what I am attempting to achieve: http://imgur.com/vSqdi (fig 1) This is the specific problem: http://imgur.com/UQH8K (fig 2) As you can see, the text, which will eventually be built to resemble the "Cheat Sheet" in figure 1, must be moved to the right. Do I work with the padding and margins in #1 The text widget itself #2 The sidebar widget, or #3 SB! Thank you.
  23. I am unable to change the padding in the main column. When I change .mcolumn-pad { padding-bottom: 0; padding-left: 5px; padding-right: 5px; padding-top: 0;} in firebug, it changes the padding. When I paste the code into custom code, or into PageLESS, it does nothing. I WAS, however, able to change .mcolumn-pad { border-right: 1px dotted #000000; margin-right: 0px; border-left: 1px dotted #000000; margin-left: 0px;} the margins. I replaced the video that was in the main column with a static image, and used FlushLess. It won't work. capemyers.com
  24. Can anyone direct me on how to remove the padding from around my logo image area? I would like a 1px padding instead of what's there now. I'm able to view the area in Firebug, but I can't figure out how to change the script on the site. Thanks for your help. Site: http://www.ezkool.com
  25. Hi, I'm tying to reduce the padding below the Features or above a the Highlight section. Looking through the forum I found some code to change the padding above the Boxes section (see below) but I can't identify the equivalent of pprow in either Features or Highlights. Any help would be greatly appreciated. .pprow {margin-top:-50px!Important;} Rob