Search Results for 'css'

Hello khabor,

I have checked your website and I inspected the size of your logo. As you can see, your original size for your logo is this -> http://screencast.com/t/h13sxSNams9 Also, I have noticed that you are using the Header Style 9, the template which displays the logo on full width -> Yes, it is correct your logo is displayed on full width but please notice that the size of your logo is too small, like this -> 300*43 px (width=300px and height=43px) and probably that’s why seems so small your logo. The theme does not enlarge your photo because the quality of it will be damaged. The only alternative in this regard would be to change your logo and replace it with another big one. I can give you some CSS for enlarging your logo but this will not bring the expected results.

Try the code below ->

.td-main-logo img {
width: 800px;
height: 115px;
}

The result you should see here -> http://screencast.com/t/rTcNDpmxM

Thanks for your understanding!

Hello,

It seems your code is working to some extent, but some rules are wrong. There is no such thing as position: left;, the line-height: .5; needs a dimension in pixels is the most common use for it, etc. Please do a google search for these css proprieties and see what values these can accept.
The second css selector is wrong as well: blockquote cite What is cite? is it a class? and id? If it;s a class you need to add it with a dot in front or if it;s an id with a # in front.
On the mobile heme you can add shortcodes in the mobile theme editor on pages and insiode the post content for posts. please read this guide: https://forum.tagdiv.com/the-mobile-theme/

I hope this helps.
Thanks

Hello DeRothschild,

Unfortunately, our mobile theme has not been designed to be modified from the Theme panel, sorry! Please notice that this plugin has been made to have a simplistic structure just to be more useful to use and very fast. If you want to develop this plugin, you will have to alter the code from the front-page.php core file from this -> http://screencast.com/t/3kKOhca2a Please notice that is not a simple task and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!
All the custom CSS which you want to be applied for your Mobile Theme you should add in this area, here -> http://screencast.com/t/HJtxRLlkoDR If you have a caching plugin, in order to achieve best results, try to clear all of your caches and test it again.

Thanks for your understanding!

Hello Boddickerdk,

If you want to change the space between the logo and the menu please try the code below and place it in Theme panel->Cusotm CSS area.

The code is ->

.td-header-style-1 .td-header-sp-logo {
margin-bottom: 10px!important;
}
.td-header-style-1 .td-header-sp-recs, .td-header-style-1 .td-header-sp-logo {
margin-bottom: 10px;
}

The result you should see here -> http://screencast.com/t/uYXxspl6

The code is ->

.sf-menu ul li{
background-color:green!important;
}

The result -> http://screencast.com/t/emQnHXK0xPD

Hope this helps!

Thanks for your understanding!

Hello tuliss,

Our theme has no RTL support because it has been designed to be used in this layout, sorry!
Unfortunately, we have no plan on implementing it in the near future. Implementing RTL support in our theme will require 2 style.css files and it will add significant “weight” to the theme. Using the RTL mode means that lots of elements have to be adjusted and this thing involves custom work and we cannot provide this at the moment!
Please try to do a simple search of our forum and you will see that our team offers support only for theme related problems and which not require additional customizations. Please check again our support policy here -> https://forum.tagdiv.com/support-policy-2/

Thanks for your understanding!

Hello,

Each menu item has it;s own unique id you can see in your browser inspector. You can use that id with css like
so:
.menu-item-9567{
display:none;
}

.logged-in .menu-item-9567{
display:block!important;
}


Simply place the code in the custom css box and change the menu item number with your own.

Thank you!

Hello Mark Lee-Falcon,

For your first request, please provide more details what you mean because I do not exactly understand your answer.

For second request, try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td_module_wrap .entry-title {
text-decoration: underline;
}

The result you should see here -> http://screencast.com/t/bINLVFOKlI

Thanks.

Hi,

In order to remove more from author you can use 2 methods:
The css method:
.td_block_related_posts .td-related-right {
display:none;
}
or you can edit the theme files: comment out or delete this part: http://screencast.com/t/Okmq7lxTDzGd

As for the related articles name, you can translate it to what you want it to say from here: http://screencast.com/t/BBhCb4bLvr

Thank you!

Hello jan,

The menu items are positioned based on the header style that you use. Please choose another header style that has a centered menu if this is what you are after: https://forum.tagdiv.com/header-styles/
If you want to hide the logo, then simply do not add any instead of adding a logo and removing it with css: http://screencast.com/t/UbSeTh81lB8p The sticky menu can use the mobile logo: http://screencast.com/t/8U08kDtW

Thank you!

Hello,
The theme’s modules and blocks will not pick up the colors of the category tags you set in the theme panel. That option is for posts only. The homepage has all of it’s category tags the same color. I cannot provide any solution for this unfortunately. CSS cannot do that. it will have to be done through hard-coding which falls beyond what the theme support can offer you.
Thank you!

Hello christinarroot,

These changes can be made only via a bit of CSS code. Please try the code below and place it in Theme panel ->Custom CSS area.

The code is ->

.jetpack_subscription_widget .block-title span {
background-color: green;
color: white;
}
.widget_archive .block-title span {
background-color: green;
color: white;
}
.widget_categories .block-title span {
background-color: green;
color: white;
}


The result you should see here -> http://screencast.com/t/5OijS82X

Thanks for your understanding!

Hi,

In order to remove more from author you can use 2 methods:
The css method:
.td_block_related_posts .td-related-right {
display:none;
}
or you can edit the theme files: comment out or delete this part: http://screencast.com/t/Okmq7lxTDzGd

I hope this helps.
Thank you!

Hello taddeo,

The author will need a bit of a CSS fix as the CSS got changed a bit in the new update but the author name was not updated for it. So until the next theme version please use this CSS code in the mobile theme’s custom code box:

.td-post-author-name div { display:inline; }

Sorry for the inconvenience.