Search Results for 'css'

Hi,

All the header styles are predefined in terms of layout, so any modifications will most likely require custom code.

1. Header style 1 logo is already on the left side, while the header ad is on the right. It would be difficult to position the logo right in any way different while also maintaining responsiveness, the containers and design is predefined
– https://www.screencast.com/t/gWKG8xzPc

2. The only header styles that do not have a limit for the logo size, are header styles 9, 10 and 11, please see this guide
– https://forum.tagdiv.com/logo-favicon/
The rest have required sizes for best results.

3. You could remove that space with a code like this
– https://www.screencast.com/t/4f2ap7eH
Custom CSS code can be entered in Theme panel->Custom code section
– https://pastebin.com/bq644WU3
It should not cause any issues if you use this code.

4. Try removing the news ticker and place it again on the page, there should not be such a big space around it. It should look like this
– https://demo.tagdiv.com/newspaper_tech/

5. You can set colors for the header main menu as you wish (background color, text color, hover color etc) in the theme panel
– https://www.screencast.com/t/NJz90WaXAT

6. That is the latest articles section, you can choose a different module
– https://www.screencast.com/t/7enpgmqjs0

Thank you!

Hello neoandrej,

You should use a custom CSS code with a certain post ID if you want to make these changes only for a specific post page. As a hint, you should try using the following code and place it in Theme panel -> Custom CSS area.

The code is ->

.postid-1090 .td-main-logo img{
display:none;
}

The result is here -> https://www.screencast.com/t/w6awJvFBh

Thanks for your understanding!

Hello prashanth,

Please use these guides to properly implement SSL:
http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
https://css-tricks.com/moving-to-https-on-wordpress/
https://yoast.com/dev-blog/move-website-https-ssl/
https://forum.tagdiv.com/topic/moving-to-ssl/
Probably, your SSL configuration was not well implemented. Try the above clues in this case because the SSL implementation is not covered by our support.

Thanks.

Hello,

Please try to disable all plugins besides the tagdiv composer and the mobile theme and restore any optimization/customization. Then test again. There could be a plugin preventing google from grabbing the correct info. It seems the css is not being grabbed properly in the test.

Thank you!

Hello great1212,

1)Your logo has black color and that’s why on mobile devices this is not visible because the very top banner is black. Try the code below and place it in Theme panel -> Custom CSS area.

The code is ->

@media (max-width: 767px){
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: white !important
}
@media (max-width: 767px){
#td-top-mobile-toggle i{
color:black!important;
}
@media (max-width: 767px){
.header-search-wrap .td-icon-search {
color: black !important;
}

The result is here -> https://www.screencast.com/t/RyyPOmOE

2)The footer uses the logo in full width and that’s why you bring different results. Try to change the footer template.

3)Please check the following the topic from here -> https://forum.tagdiv.com/topic/social-counter-and-instagram-problem/

Thanks for your understanding!

Glad you could solve the issue.
1. The black demo is custom made, by theme options it is not possible to achieve that design. It contains custom CSS in it’s stylesheet
– https://www.screencast.com/t/DTn5qT5f
It colors most of the theme elements with custom CSS code as seen in the stylesheet. You could use that for inspiration if you want to create something similar. Together with the browser inspector tool
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
I will try to help you further if you could mention what exactly you want to do, and where in the website.

2. The theme general width cannot be changed, it is predefined. It is not recommended to make any modifications to it, as this will most likely cause layout issues.
All the blocks and grids depend on this fixed width, their design will be damaged if it is modified.

There are row options in the composer to stretch them to predefined widths or full widths
– https://www.screencast.com/t/RlJHQWPbpFHU
Also there are full big grids, which are always full width
– https://demo.tagdiv.com/newspaper/full-big-grid-1/
Header and footer can also be stretched as you mention
– https://www.screencast.com/t/eDLhcqO6

But a general width setting for all the website pages is not available at the moment.

If you could provide a link to your website we will inspect the sharing issue.

Hello,

You can do it by altering the mobile theme code or by hiding them with css.
Here is an example of how yu can remove the about us and follow us sections on the mobile theme:
comment out or remove this code: https://www.screencast.com/t/Owr9dZbN

Thank you!

Hello,
try this css:

.td-ps-bg .td-social-but-icon, .td-ps-bg.td-social-but-text{
background-color:grey!important;;
}

Thanks.

Hi,

The post and comment counter in the author page will be displayed
– https://www.screencast.com/t/dI2fJfPg
There is a margin between the two counters, if it is removed they will be displayed like this
– https://www.screencast.com/t/KcNg5q1b
If you plan not to comment on posts then the post count will only be visible, I could give you a code to remove that margin if that is the case
– https://www.screencast.com/t/mAhztkg1OZ1
Enter this code in Theme panel->Custom code->Advanced CSS in the phones section

.td-author-counters span{
margin-right: 0;
}

Thanks

Hi,

You can set colors for various elements as creating the post
– https://www.screencast.com/t/93yraB6qF
But for all posts at once you could try that with CSS, that would be the only way of achieving something like that. For example a code like this will set a color for the paragraphs and all headings in the post content belonging to a specific category
– https://www.screencast.com/t/nDjjeNRa
The browser inspector can help you identify the elements needed and create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks