Search Results for 'css'

Hi,

You could do that with a code like this
– https://www.screencast.com/t/1VIlM3x0SuXM

.single .td-post-title .entry-title {
font-weight: bold;
}

Enter the code in Theme panel->Mobile theme->Custom CSS section. Maybe clear the cache after entering the code.

Thanks

Hi,

At the moment there are no options to remove or add more sharing options for the post page. The easiest way of removing the Google and Pinterest sharing would be to hide them with CSS like this
– https://www.screencast.com/t/LZYoApRiM4
– https://www.screencast.com/t/UtMh6TaAvk

.td-default-sharing .td-social-google,
.td-default-sharing .td-social-pinterest {
display: none;
}

The code must be entered in Theme panel->Custom CSS section.
This could also be done by modifying the theme file where the post sharing is defined, here are some similar topics
– https://forum.tagdiv.com/topic/add-email-sharing-button-2/
Something as simple as a link with a Font awesome mail icon can be sufficient
– https://www.screencast.com/t/kN5YBf56WY6P
The with some CSS to style it, the result is like this
– https://www.screencast.com/t/x9IXuNL1VV9
Or maybe you can try sharing plugins that have more options. The theme might also add this possibility in a future update, but I cannot say for sure when this will happen.

Thanks

Hi,

Please note that this modification will have to be made to the post template style that you are using. If multiple post templates are used throughout the website, this change will have to be made for each of them.
For example here I am using post template style 2
– https://www.screencast.com/t/XqWndJvXa
The modification has to be made to the single_template_2.php file
– https://www.screencast.com/t/g9BfEEjWfAzJ
Replace the highlighted line of code with the one provided in the topic pastebin, with a small modification to it (this way there is no need to use the CSS for styling)
– https://www.screencast.com/t/B5n6tGi60Mhm
– https://www.screencast.com/t/Lf3UI6jf
– https://www.screencast.com/t/xu5Uc6yxn
The result is like this
– https://www.screencast.com/t/WuC2OKToxX2
You could change the text (Last Modified) as well if you like, for example like this
– https://www.screencast.com/t/A1sXw1R6Yha
– https://www.screencast.com/t/FprWr9t0
For some post templates, the modification will have to be made in the loop single file, instead of the single file. Like post template 9 for example
– https://www.screencast.com/t/e2x3GQ0i8A
Once made all posts that have the modified post template, will display the modified date.

Thanks

Hi Thomas,

Please notice that not everything can be resolved with such custom CSS code. Regarding on OG image, notice that if you want to remove this, it can be made only from code.

Thanks for your understanding!

Hi,

That could be changed with some custom code, at the moment there are no theme options to customize the font properties when using the mobile theme plugin.
You could change the paragraph font size for the post content for example, with a code like this (the default is 15px)
– https://www.screencast.com/t/auDDK8DFhu

.td-post-content p {
font-size: 18px;
}

Enter the code in Theme panel->Mobile theme->Custom CSS section.

Thanks

Hi,

1. If you use Header style 6 try it like this
– https://www.screencast.com/t/jNclJUZU8zoE
There will be a border bottom for the main menu, a border top for the top menu and a border bottom of the same top menu. The color can be what you want, simply change it in the code and then enter it in Theme panel->Custom CSS section

.td-header-style-6 .td-header-menu-wrap-full{
border-bottom: 5px solid red;
}
.td-header-style-6 .td-header-top-menu-full {
border-bottom: 1px solid red;
border-top: 3px solid red;
}
.td-header-style-6 .sf-menu > li > a {
line-height: 75px;
}

Please let me know if you have further questions, or something needs modifying.

2. So instead of the arrow you would like to use the hamburger icon
– https://www.screencast.com/t/xyJ2ejKW
You will have to modify the default icon font, and replace it with that one, in the theme stylesheet
By default it is like this
– https://www.screencast.com/t/8SiiPSlVX
Change it like this
– https://www.screencast.com/t/Kxi4nb452yTP
With this result
– https://www.screencast.com/t/lwJPtJ2qe

3. The socials are displayed in the top bar, not in the main menu. In the main menu you could use custom links with Font awesome icons for example, linking to where you want
– https://www.screencast.com/t/BWnugJ6N
– https://www.screencast.com/t/LgtiYueA6EVc
– https://www.screencast.com/t/BnT4bJHy3Fi
The result is like this
– https://www.screencast.com/t/QAypIroMUQ
More information here
– https://forum.tagdiv.com/how-to-add-icons-in-menu/

Thanks

Hi,

I don’t understand exactly what you mean. If you are referring to the selection color
– https://www.screencast.com/t/bkAMJwEmmPR
You can try something like this
– https://css-tricks.com/snippets/css/change-text-selection-color/
– https://css-tricks.com/almanac/selectors/s/selection/
Please provide more details if this is not what you wanted to know.

Thanks

Hello au-emergence,

If you do not like the page title, notice that you can use a bit of CSS code and hide the page title, like this ->

.td-page-title{
display:none;
}

Hope this helps!

If is not what you mean, provide more details about what exactly you want to achieve so I will be able to provide a more accurate response.

Thanks for the message!

Hi,

1. This code will remove the background when the social menu items are hovered

#td-header-menu .menu-item-824 a:hover,
#td-header-menu .menu-item-825 a:hover,
#td-header-menu .menu-item-826 a:hover{
background-color: transparent;
}

You could color the icons when hovered if you want, by adding this to the code
– https://www.screencast.com/t/AuOxxhKi
Use any color you want in the code.

2. The header search icon color could be changed like this
– https://www.screencast.com/t/xdgFNnwZ

.td-header-wrap .header-search-wrap .td-icon-search {
color: green;
}

3. For that specific element there is no theme font setting. You could change the font properties with CSS if you want to
– https://www.screencast.com/t/oonTVYHjEuML
Use the properties you want in the code

.header-search-wrap .result-msg {
font-size: 20px;
font-style: normal;
}

4. The category tag can be removed for all the modules in particular
– https://forum.tagdiv.com/category-tag-on-modulesblocks/

Thanks

Helo,

1) Please add this css in your theme panel -> custom css box:

.td-art-creek .td_module_mx4 .td-post-category, .td-art-creek, .td_module_related_posts .td-post-category{
margin-top: 0!important;
}

2) It seems you have an empty block element above the slider. Please edit your page and remove the empty element.

Thank you!

Hello Scott,

I have tried to inspect your website and I saw that your website is under construction. Regarding on your above screenshots, I guess that your CSS of the theme it’s not loaded properly on your backend which can be caused by many factors. First of all, if you are using some untested plugins, try to disable all of them, leave just only the plugins that come bundled with the theme core files and rule out any conflicting plugins. Also, if the problem is still there, you should try to make a new clean install from scratch via FTP way because this is the surest theme’s method in this case, according to our documentation here -> https://forum.tagdiv.com/newsmag-install-via-ftp/ Clear all the caches and check the results.

Thanks for your understanding!