Hello,
I’m using header no. 1 and I added Ubermenu
1. How to add background image for header?
2. How to remove search icon?
3. How to make a menu full width – search icon cover.
Website: http://www.poloniairlandia.pl
Thank you.

BTW.
1. How to make the entry look like: Title + Image + short description for mein website?
VE – Block 1 – 10?
CSS?

Hi,
It worked but the thing is, I want to the menu items’ text to be #4DB2EC when they’re “active” or its a current page.
Is it possible?
Thanks
Hi,
Your css doesn’t work because you are missing the “line” in this class: http://screencast.com/t/dunVek4zLoeA
I have tested the css, the background color and image haven’t been added right: http://screencast.com/t/IadYpf0CyZX4
I have also tried to access you site but it’s not working, please let me know when I can access your site and inspect this so I can provide a solution for it.
Thanks
Hi,
Please use this custom css in theme panel > custom css: http://screencast.com/t/YrlhSF2c
.td-a-rec-id-custom_ad_4, .td-a-rec-id-custom_ad_5, .td-a-rec-id-custom_ad_6, .td-a-rec-id-custom_ad_7, .td-a-rec-id-custom_ad_8, .td-a-rec-id-custom_ad_9 {
display: table;
margin-bottom: 49px;
margin-left: auto;
margin-right: auto;
position: relative;
}
Thanks
Hi,
I have made the changes pointed above from your admin panel and worked fine for me so make sure you disable all plugins and empty cache like I wrote before and then try again.
The theme doesn’t have an option for font weight at the moment but you can changed it via css and we will consider this for future updates. If you don’t have basic css/php/html knowledge we recommend you to hire a developer to make this changes for you as we cannot offer custom work as we work hard on the development, updates, fixes and support. You can always get a freelancer from sites like: http://studio.envato.com/
Thanks for the message!
Hi,
This is because you are using the wrong class to call the image, and this depends of the icons sizes so you will have to use this css to change the icon: http://screencast.com/t/oDiJkVTW
Make sure you use a 32x32 px icon.
.td-s-s-32-meetup {
background-image: url('http://www.forheavensake.com/wp-content/uploads/2013/03/meetup-icon.jpg');
}
Thanks
Hi,
For the category page you can change the background color from theme panel, like this: http://screencast.com/t/dEEQQbpFUwae
Use this css to change the background for the page wrap, like this: http://screencast.com/t/OApu5JiWI1A
Add it in theme panel > custom css:
.header-logo-wrap img {
padding-top: 30px;
}
.td-page-wrap, .td_block_mega_menu .td_block_inner, .td-more-articles-box {
background-color: #4b4b4b !important;
}
Thanks
Hi,
Use this css:
@media (max-width: 1018px) and (min-width: 768px){
.td-header-style-8 .td-style-8-logo-wrapper {
vertical-align: top !important;
position: relative;
top: 26px;
}
}
Result: http://screencast.com/t/pItVU5v2cmn
Thanks
Hi,
Please use this custom css, add it in theme panel > custom css: http://screencast.com/t/ws1OHott4me
.td-sp-ico-menu {
background-position: -20px -364px !important;
}
Thanks
Hi,
I’m not sure what your issue is with the sidenotes. If you refer that the sidenotes remain at the left of the post if you are using the post content padding you can fix that like this: http://screencast.com/t/voRUtMsB
Use this css:
.postid-413 #livefyre-sidenotes-header-wrapper {
padding-left: 17.5% !important;
}
Note that this will be applied only to that specific post, you will need to adjust it if you want to make changes to other posts.
Thanks
what is wrong in my CSS, I want to use in my menu as bg. image:
.td-boxed layout .td-menu-background .td-menu-wrap {
background-attachment: scroll! important;
background-clip: border-box! important;
background-color: rgba (0, 0, 0, 0)! important;
background-image: linear-gradient (to bottom, # 303030 0%, # 111111 100%);
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
height: 50px! important;
position: relative;
}
my link —> http://www.football.eu.com
Hi,
Use this css in theme panel > custom css, like this: http://screencast.com/t/2tvCa6DEVtFj
.td-head-form-search-wrap .wpb_btn-inverse, .td-search-form-widget .wpb_btn-inverse {
color: white;
background: #4b4b4b !important;
}
.widget_search .td-search-form-widget #s, .widget_search .td-search-form-widget #s:focus {
background-color:
#E72030 !important;
}
.header-search-wrap .dropdown-menu .td-head-form-search-wrap #td-header-search {
background-color: #E72030!important;
}
Change the color as you like. Remove the one for the dropdown header menu if you want to do this only for the sidebar widget or reverse.
Thanks
Hi,
Use it like this: http://screencast.com/t/fPX7mDOuGq
.td-menu-header .td-li-wrapper-menu .sf-menu > li > a:hover {
text-decoration: none !important;
color: #4db2ec !important;
}
Thanks
For CSS part. that’s ofcourse not an issue. I will do that. One of my friends knows CSS quite well.
Thanks
OK, missing code identified, I’m not sure exactly where it should sit in the long stream of CSS, but placing this entry at the bottom of the main CSS file or in the theme child or custom areas will work.
.td-big-grid-title .td-sbig-title-wrap a:hover{
color: white !important;
}
Please look into this to make sure it’s fixed in the next release. Thanks!
As you said i tried the vertical css. Its super fine for me. Thank you once again.
you can check my websites http://www.beansfry.com.
Thank you
The team doesn’t work on weekends.
Some of the gaps would be resolved via this CSS:
.td_block_big_grid {
padding-bottom: 0px !important;
}
.wpb_row {
margin-bottom: 0px;
}
Adjust px as desired.
The horizontal gaps are harder to remove because they’re part of the entire grid layout. I would recommend not bothering, but if you really have to, you could play with these values…
.td_block3 {
margin-left: 20px;
}
.td_block3 .span4 {
margin-left: 0px !important;
margin-right: 0px !important;
}
Use .home .td_block3 and .home .td_block3 .span4 if you only want these to affect the homepage.
TagDiv support can probably help you with the ads; I can’t.
cstyn, if you link to your website, it will be much easier for us to come up with the exact css you need because then we can see it as we work. 🙂
you just have to play with it to till ur happy with the results…you have to use all the codes i give you not just one..
You ask to removed that white space well that’s what both those first codes do that i give you..if you want it different then wait to monday to a staff member can help you..
CSS code for footer as follow…
.td-footer-wrap .td-grid-wrap {
padding: 0px !important;
}
For ur first question..here is the CSS code as follow..
.home .td-page-title {
margin: 0px 0px 0px 0px;
}.home .td-grid-wrap {
padding: 0px 0px 0px 0px !important;
}
You can check my site @ http://jahliveradio.com and see the code work
2nd question
Every one do things different for there site like my self,i don’t use all those because they make too many images from the WP end..
My settings for my site as follow…
Thumbnail size 0 by 0
Medium size 700 by 357
Large size 0 by 0
Hi guys,
Having a problem I just cannot seem to diagnose. I’ve gone through and through the CSS and am not sure what I am missing.
Somehow, either from the update from 4.2.2 to 4.3 or something I changed, the Headlines/Links/Titles in the Big Slider do not show the proper color “White” when hovering over them.
The big main slide on the left works find, but the three smaller ones on the right all show as standard links with the same background color as the highlighted area around the text.
Basically, I need the text on the right to behave the same as it does on the left. Same as before the update. They should be underlined and WHITE on hover.
Can you please help? (www.scifighitng.com) If you want to see the behavior for yourself.
Thanks!
Hi Lucian,
Thanks for the help!
I got the button to show there and it points to the right place but it isn’t pulling the icon image through?
My site is: http://www.totsintow.co.za
Code I added into custom CSS:
.td-s-s-16-meetup {
background-image: url
(‘http://www.totsintow.co.za/wp-content/themes/Newspaper/images//meetup_logo_200_black_1.png’) !important;
}
I have tried to resize the image (have tried it both square & original size), changed it from .gif to .png & moved it to other locations. Can’t get it to pull the image through and not sure what I’m doing wrong. Any thoughts?
Thanks again.
Stephanie
Best way is to edit the style.css file to create custom setup for your most desired font. Also note that segoe is typically part of a font stack, where there is a fall back to something like arial,sans-serif, since seqoe/segoe ui are not supported by all web browsers (about 74% of Windows users), and not supported by Mac OS/OSX at all.
Eg., normal usage would be like so:
font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
Hi,
That is the way, you have the code there and you just need to replicate please make sure you follow the steps and add the code like I instructed.
I have tested this and works fine, if you don’t have any basic php/html/css knowledge please get someone to help you with this.
Thanks
Hi,
Use this css: http://screencast.com/t/s4ZV8cfDSRv
.vc_box_outline_circle {
border-radius: 5000px;
border-radius: 50%;
-webkit-box-shadow: none;
box-shadow: none;
overflow: hidden;
}
.vc_box_outline_circle.vc_box_border_black {
border-color: #2a2a2a;
}
div .vc_box_outline_circle {
padding: 6px;
border: 1px solid #ebebeb;
}
Thanks