Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Need help with custom CSS for header WordPress

  • SOLVED

I need help with two items and have attached a pdf with a visual of what i need. First I need to insert a custom header image for the background of the header. Secondly I need to have the Entry Header not show throughout the site. It pushes down the content. to see the site directly go here http://wp.davianawinery.com/about-us-3/

2014-03-26 by movino4me

Answers (2)

2014-03-26

zebra webdesigns answers:

Hello movino

Please add the following CSS and its a good decision to hide it through css , Since at seo point of view the h1 titles play significant role.


.entry-header {
display: none !important;
}
.gbtr_header_wrapper {
background: url("http://wp.davianawinery.com/wp-content/uploads/2014/03/about2.jpg") repeat scroll center center rgba(0, 0, 0, 0) !important;
}

for the background image you need to change the url. you can add me in skype for further assistance
skype id: bhuvan530531
mail: [email protected]

zebra webdesigns comments:

You are using latest version of the retailer theme from themeforest
I checked with their online documentation
http://www.getbowtied.com/documentation/the-retailer/the-theme-options-panel/

there seems to be option for providing custom CSS in the theme panel.
you can insert the style over there.

movino4me comments:

Perfect! the only issue is that when the entry header is turned off via css the full width image no longer reaches to the edge. The image is 1100 px wide and the page is 1100 px wide. any thoughts?

zebra webdesigns comments:

Hello Movino

here is the CSS, but please ensure other pages stays intact , I have done a basic checking and it seems fine
The site also needs adjustments in responsive mode, so let me know if you need separate assistance for that.

.entry-content {
margin: 0 0 15px !important;
}

.global_content_wrapper {
margin: 0 auto !important;
}

zebra webdesigns comments:

there is a margin-bottom applied for header wrapper which is needed in other pages, so I controlled the css for the defualt pages alone in the following CSS, so that it will be affected only in the about us and contact page , where you want them in the right position below header wrapper.


.page-template-default .gbtr_header_wrapper{margin-bottom:0px !important; }

Have a great day movino


also who ever tries to reset my site password few mins before. good luck for your effort.

zebra webdesigns comments:

Hello Movino,

here are some additional fixes

I am not sure whether you noticed the search icon is missing in the top bar
and when you look at the shortcode container it has the following CSS

.shortcode_container {
margin: 0 auto;
padding: 0 0 0 20px;
width: 960px;
}

the actual width of the site is 960px, so the padding left makes the content pushed right side out of the container and in responsive mode
it disturbs the center alignment.

so you need to add
.shortcode_container {
padding-left:0 !important;
}

PM me if there is any clarifications needed

zebra webdesigns comments:

Agus Setiawan - you are an idiot and a spammer

Found the access log of my site and traced your ip.

36.74.162.131 - - [25/Mar/2014:19:00:21 -0600] "GET /wp-includes/css/dashicons.min.css?ver=3.8.1 HTTP/1.1" 304 162 "http://www.zebrawebdesigns.com/wp-login.php?action=lostpassword" "Mozilla/5.0 (Windows NT 6.1; rv:27.0) Gecko/20100101 Firefox/27.0"

http://www.iplocation.net/index.php

Next time if you do any kind of mess, you will regret for your behavior