So you want the header menu to have a color of your choosing, the theme panel settings will allow that. You can set a background color for the menu, also hover/active color.
If those settings are not what is needed, explain in more details how you want the menu to look. Maybe it could be done with CSS.
How are you implementing the ads? if by a single image that may not be the best element to use. Try using a simple text element instead, in which you insert the ad banner with a link, it will be more responsive
– https://www.screencast.com/t/WFInebtRoB
– https://www.screencast.com/t/ul0Zv1RR
Hello starnorthcomm,
If you want to hide the Header Ad for a certain page, notice that you should use the page ID when you create your custom CSS code. Below I gave you a simple example of a certain page -> https://www.screencast.com/t/0YHKswRx
Thanks for your understanding!
Hello,
I would like to remove the grid line on the homepage. I know I could change it in the Theme Panel but I want to keep it on my posts. Is there maybe a CSS code that I could use?
Screenshot: https://screenshots.firefox.com/PDatrhiqP4lWkDnC/aspi.lau-rammstein.de
My Website: http://aspi.lau-rammstein.de
Thanks!
Laura
Hi,
Notice that’s the theme functionality, sorry! You should customize it with such custom CSS code if you want another for that section.
Thanks for your understanding!
Hello AjitSirohi,
Try to use the code below and place it in Theme panel -> Custom CSS area.
.td-post-title{
text-align:center;
}
The result is here -> https://www.screencast.com/t/aIELnxBKJF0
Thanks.
Hi,
The theme already has options to set a background, color or image
– https://forum.tagdiv.com/background-introduction/
Once you set the background through those options, the theme will change to boxed automaticlly, in order to display the background. It may not work with CSS.
Thanks
Hello Ikeeneje,
1)Please provide some useful screenshots os I can identify that section, sorry! Also, you should try using such a custom CSS code if you want to make some changes.
2)Please check here -> https://codex.wordpress.org/Roles_and_Capabilities and use the role you want for your writers.
3)Replied to this in the previous topic.
Thanks for your understanding!
Hi,
Regardless of form of pagination, the block will always use the same module type. In your case the initially loaded modules are with problem, not the ones that are loaded with the load more button.
Block 5 looks like this – https://demo.tagdiv.com/newspaper/block-5/
I see there is a problem with the thumbnails used for the first 10 modules in that block, please regenerate them and check if the problem is solved
– https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
Also I see you are using some CSS in the child theme I believe to set a minimum height of 324px to a thumbnail that by default is 235px in height (module 3)
– https://www.screencast.com/t/isfQEWCRXdh
That would not a proper way to do it. Maybe try and use blocks which have a thumbnail size that works best for you, instead of that
– https://forum.tagdiv.com/theme-thumbs/
Hello thalesbrandao,
If you want to stylize that section, you should do it yourself using such a custom CSS code for that area and place it in Theme panel -> Custom CSS code. As a hint, you can try using the Inspector Browser element from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for your understanding!
Hi,
Maybe you can try and make the text length the same or similar, to have equal height in the columns. If that is not possible, you could try and set a minimum height for the columns with CSS. What elements are you using there? Provide a link to that page if possible.
Hello
We have been using the themes backround click ad option, and it works great. At this stage We would like to record clicks and impressions, while also alternating images. We understand the theme does not allow this, and that’s ok.
To achieve this, we have an Ads plugin called Advanced ads. When we use their built in background click ad option, the URL can not be clicked. This is a common issue with many themes.
I really need a solution to this. Is it possible to provide a CSS workaround as it would be greatly appreciated?
If you scroll down to the trouble shooting section – https://wpadvancedads.com/manual/background-skin-ads-placement/
Thanks in advance.
Reagards
Ryan
Hi Linda,
I made the size 2698 x 552 as per this link – https://www.thechildhoodlife.com/wp-content/uploads/2018/06/Childhood-Life-Logo-Background-2698-x-552.jpg
Be sure to set the image dimensions when you select it from the media library. If you don’t the resolution can give you unexpected results!
I placed the CSS code in the Theme Panel > CSS module NOT the Live CSS module. Hope that helps.
If you have any other questions fire away!
Shane
Hi, I need to add 72px to sidebars on tablet media queries between 768px and 900px. I just want to be able to show 300px ads on the sidebar of these tablets. With the sizes you have, the sidebar is 228px and 200×200 ads appear, which is small. Is there a way to tack on 72px to the CSS to enable 300px ads to show? I can edit CSS. I just don’t want to affect the main content. Could I adjust the sidebar and entire site width only in the CSS to make this work between these media sizes? Thanks.
Hello,
I need to change the color of the widget title (Template 11) in the footer.
Can you help with the CSS, please?
Thanks.
IC
Hi. Is it possible to move the logo, the menu and the search icon more to the center of the page, so that it is in line with the post like it is in the demos “black version” and “say what”? I use the gadgets demo now but i’m not sure I want the header to be full width.
I don’t find that any of the header styles allows you to have the logo and menu on the same line, while placed in line with the post. Did they use CSS on the demos I mentioned above?
I am trying to change the hover colour of oneof the main menu items.
(The site is currently in development but can be viewed with login and password as “guest” @ https://bit.ly/2NAz0Fs
Usually when I hover over any of the main menu items they all have the same coloured underline displayed.
News Forums Buying Guide Device Specifications G’day, guest guest!
I am wanting to have a different colour hover for just one of the menu titles. An example would be “News” having a green underline.
The CSS used for the menu hover is as follows:
.td-header-wrap .black-menu .sf-menu > .current-menu-item > a, .td-header-wrap .black-menu .sf-menu > .current-menu-ancestor > a, .td-header-wrap .black-menu .sf-menu > .current-category-ancestor > a, .td-header-wrap .black-menu .sf-menu > li > a:hover, .td-header-wrap .black-menu .sf-menu > .sfHover > a, .td-header-style-12 .td-header-menu-wrap-full, .sf-menu > .current-menu-item > a::after, .sf-menu > .current-menu-ancestor > a::after, .sf-menu > .current-category-ancestor > a::after, .sf-menu > li:hover > a::after, .sf-menu > .sfHover > a::after, .td-header-style-12 .td-affix, .header-search-wrap .td-drop-down-search::after, .header-search-wrap .td-drop-down-search .btn:hover, input[type=submit]:hover, .td-read-more a, .td-post-category:hover, .td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-post-category, .td-grid-style-5.td-hover-1 .td-big-grid-post:hover .td-post-category, .td_top_authors .td-active .td-author-post-count, .td_top_authors .td-active .td-author-comments-count, .td_top_authors .td_mod_wrap:hover .td-author-post-count, .td_top_authors .td_mod_wrap:hover .td-author-comments-count, .td-404-sub-sub-title a:hover, .td-search-form-widget .wpb_button:hover, .td-rating-bar-wrap div, .td_category_template_3 .td-current-sub-category, .dropcap, .td_wrapper_video_playlist .td_video_controls_playlist_wrapper, .wpb_default, .wpb_default:hover, .td-left-smart-list:hover, .td-right-smart-list:hover, .woocommerce-checkout .woocommerce input.button:hover, .woocommerce-page .woocommerce a.button:hover, .woocommerce-account div.woocommerce .button:hover, #bbpress-forums button:hover, .bbp_widget_login .button:hover, .td-footer-wrapper .td-post-category, .td-footer-wrapper .widget_product_search input[type='submit']:hover, .woocommerce .product a.button:hover, .woocommerce .product #respond input#submit:hover, .woocommerce .checkout input#place_order:hover, .woocommerce .woocommerce.widget .button:hover, .single-product .product .summary .cart .button:hover, .woocommerce-cart .woocommerce table.cart .button:hover, .woocommerce-cart .woocommerce .shipping-calculator-form .button:hover, .td-next-prev-wrap a:hover, .td-load-more-wrap a:hover, .td-post-small-box a:hover, .page-nav .current, :first-child.page-nav > div, .td_category_template_8 .td-category-header .td-category a.td-current-sub-category, .td_category_template_4 .td-category-siblings .td-category a:hover, #bbpress-forums .bbp-pagination .current, #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a, .td-theme-slider:hover .slide-meta-cat a, a.vc_btn-black:hover, .td-trending-now-wrapper:hover .td-trending-now-title, .td-scroll-up, .td-smart-list-button:hover, .td-weather-information::before, .td-weather-week::before, .td_block_exchange .td-exchange-header::before, .td_block_big_grid_9.td-grid-style-1 .td-post-category, .td_block_big_grid_9.td-grid-style-5 .td-post-category, .td-grid-style-6.td-hover-1 .td-module-thumb::after, .td-pulldown-syle-2 .td-subcat-dropdown ul::after, .td_block_template_9 .td-block-title::after, .td_block_template_15 .td-block-title::before, div.wpforms-container .wpforms-form div.wpforms-submit-container button[type=submit] {
background-color: #ff6700;
}
Obviously changing the background here would change all the menu items, my goal is to change just a single menu item’s hover colour.
Also, the li class of the “News” item also has a unique reference, which I feel may be useful when changing to the its background hover.
menu-item menu-item-type-taxonomy menu-item-object-category menu-item-first td-menu-item td-mega-menu menu-item-6 news`
I could use either menu-item-6 or news? I’ve tried to come up with a solution myself but can’t quite get it working.
Thanks in advance!!
Brent
Hi,
You could set a border between columns, in the columns CSS tab
– https://www.screencast.com/t/qhyO7brNoD
What kind of divider do you have in mind? maybe there would be other solutions.
Hi Simion, everything worked fine. Thanks for your support. One last question if you don’t mind, can you tell the css code for More Article Box to look something like this: https://imgur.com/6HL7xFk but with images.
I belive it’s a matter of width and height type of thing.
Hi,
You could add a link in the description of the menu product element, like this
– https://www.screencast.com/t/G64rYAN6s
You can set a hover color for the link, with CSS if needed. You want to change the link color when the whole menu item is hovered, try something like this for example
.tdm_block_food_menu:hover a {
color: blue;
}
That code should change the color of the link when any part of the menu item is hovered.
Thanks
Hello rfiling,
If you want to remove that border, you should use the code below and place it in Theme panel -> Custom CSS area.
.td-header-gradient:before {
display:none;
}
Thanks for your understanding!
Try to add this line of code to the code I previously gave you
– https://www.screencast.com/t/pNiz9Z6erT
top: 208px;
Also enter all the codes (this and the last one) in The Advanced CSS desktop field. There would be no need for it on smaller devices, also it could create problems.
Hello David,
You should try using such a custom CSS Code if you want to move the search icon.
Thanks for your understanding!
Hello kradma,
Notice that you can use the Header Background from here -> https://www.screencast.com/t/bIEr5GfVeH That’s all! If you want another customization, you should do it yourself through such a Custom CSS code and if you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!
Thanks for your understanding!
Hi,
That element may not be the best to use in this situation. Maybe a single image element would be better. I tried a direct comparison between the image box and single image with the image you use, on mobile
– https://www.screencast.com/t/jPXq48B2icO
The single image displays it better, also it has a link setting.
On desktop – https://www.screencast.com/t/c871DKsJf
I could give you a code solution to make the image box display it better
– https://www.screencast.com/t/Zbd9D2PrSU
The code can be entered in Theme panel->Custom CSS section.
But this code solution may cause problems with other image boxes maybe, you can try it if you want to use the image box further
.td_block_image_box .td-custom-image a {
background-size: contain;
background-repeat: no-repeat;
}
Thanks
I believe there is something wrong with the image captions after more inepcting. When you add a caption for the images here
– https://www.screencast.com/t/VtkHftxwMO66
There will be some CSS loaded, which seems to be missing in your case. Here is how it looks for me
– https://www.screencast.com/t/Gszd40Br
And here in the posts you mention – https://www.screencast.com/t/psQnV8QH0m6Y
I can give you a code to add the missing CSS and resolve the problem
– https://www.screencast.com/t/yrjaNzVNH6
Enter the code in Theme panel->Mobile theme->Custom CSS section
.td-post-content figure {
text-align: center;
max-width: 100%;
}
Try it and let me know.
