Header Bottom Border & Footer Transparency

(2 posts) (2 voices)

1. 

   heartattack247
   Member

   Site URL: http://parkstreetbaptist.net/hartweddings
   Theme: Echelon (Skin - Canvas 03)
   Browser: Chrome (but also cross checking with Firefox & IE9)
   OS: Windows 7

   I am having a problem getting rid of a thin 1 pixel line below my header. It could be in the header code or the slider code, i'm not sure. Either way, i can't get rid of it. I would like to edit either the style.css or canvas.css to fix the problem rather than the custom css feature so if you could direct me with that in mind that would be great.

   Also, I have the footer set with the graphic how I would like it, but the transparent background isn't displaying like I would like it. I would like it to be should the damask background in the transparent area like the header currently is. Instead it is showing the color that is on the slider background. The graphic I am referring to is kind of hard to see due to the light colors but the footer rounds off the edges like the header.

   Last, but not least, I would like to get the get the second title graphic on http://parkstreetbaptist.net/hartweddings/consultation to display like the first one and be flush to the left. Is there a way to get the image to ignore the text border that is set for the content area? I would like the wording to still have the border, but just not the graphic.

   If there is anything I need to clarify or any questions you have for me please let me know.

   Thanks for your time!

   Posted 5 months ago #
2. 

   Elliott
   Support

   Hello heartattack247,

   Add this in Dashboard -> your theme -> General Settings -> Custom CSS,

   #header { border-bottom: 0px !important; }

   If you don't want to use the custom CSS section then you can add it in /wp-content/themes/[your_theme]/style.css.

   For your sub footer do this,

   #sub_footer {
       background-color: transparent !important;
   }

   And for your extra title you'll need to surround it with a div and move it to the left about 40px.

   <div style = 'position: relative; left: -40px;>
   
   </div>

   Posted 5 months ago #

RSS feed for this topic

Reply

You must log in to post.