Search Results for 'css'

Hello
with version 6.4 does not work
does not show all subcategories (horizontal custom css of Emil G)
Example category A
Thanks!

• This reply was modified 10 years by maga0000.
• This reply was modified 10 years by maga0000.

What you’ve described makes sense …

However, I added it at the bottom of the existing custom code for my site, and I’m not seeing any change.

Your continued assistance will be most welcome.

Here’s what the entire Custom CSS for my site looks like now:

/*************************************
H O M E P A G E
***********************************/

#td_parallax_header_6 > header > div.meta-info > div.td-post-views,
#td_parallax_header_6 > header > div.meta-info > div.td-post-comments,
header > div.meta-info > div.td-post-views,
header > div.meta-info > div.td-post-comments
{display:none;}

#td-outer-wrap > div.td-transition-content-and-menu > div.td-header-wrap.td-header-container > div.td-header-menu-wrap > div
{width: 100%;}

#td-outer-wrap > div.td-transition-content-and-menu.td-content-wrap > div.td-header-wrap.td-header-container.td-header-style-7 > div.td-header-row.td-header-header > div > a > img
{width:1021px;}

body div#td-outer-wrap div.td-header-wrap.td-header-container.td-header-style-7 div.td-header-row.td-header-top-menu div.td-header-sp-top-menu ul.top-header-menu.td_ul_login li.menu-item
{display: none;}

body.single div#td-outer-wrap div article div.td-container div.td-post-sharing,
div.td-post-sharing.td-post-sharing-top,
#td-outer-wrap div.td-module-comments
{display:none;}

#td-outer-wrap > div.td-transition-content-and-menu.td-content-wrap > div div > div div:nth-child(5) > div > div > div.td-visible-desktop > iframe
{
border-top: 5px solid #000;
border-left: 5px solid #000;
border-right: 5px solid #000;
}

#td-outer-wrap div.td-a-rec.td-a-rec-id-sidebar div.td-visible-desktop a img
{
border-bottom:5px solid #000;
border-left: 5px solid #000;
border-right: 5px solid #000;
position:relative;
bottom: 5px;
}

#td-outer-wrap > div.td-transition-content-and-menu.td-content-wrap > div.td-footer-container.td-container > div > div aside.widget.widget_tag_cloud > div.block-title > span,
.td-footer-container .block-title > a, .td-footer-container .block-title > span,
body div#td-outer-wrap div.td-transition-content-and-menu.td-content-wrap div.td-footer-container.td-container div.td-pb-row div aside.widget.widget_text div.block-title span,

div#td-outer-wrap div.td-transition-content-and-menu.td-content-wrap div.td-container.td-pb-article-list div.td-container-border div.td-pb-row div.td-main-content div.td-ss-main-content h4.block-title span,

div#td-outer-wrap div.td-transition-content-and-menu.td-content-wrap div.td-container.td-pb-article-list div.td-container-border div.td-pb-row div.td-main-sidebar div.td-ss-main-sidebar aside.widget.widget_archive div.block-title span,

div#td-outer-wrap div.wpb_wrapper h2.wpb_heading.wpb_video_heading,

body.page div#td-outer-wrap div div.td-container div.td-container-border div.td-main-sidebar div.td-ss-main-sidebar aside.widget.widget_text div.block-title span

aside .block-title > a, aside .block-title > span
{
color: #faf992 !important;
background-color: #ee0bcd !important;
}

#menu-main-navigation-1 li.menu-item > ul > li.menu-item a
{font-size:1rem; color: #fff;}

#menu-main-navigation-1 li.menu-item > ul > li.menu-item
{background: #ff0099; }

#td_parallax_header_6 > header > div.meta-info > div.td-post-views, #td_parallax_header_6 > header > div.meta-info > div.td-post-comments, header > div.meta-info > div.td-post-views, header > div.meta-info > div.td-post-comments {
display: none;
}
#td-outer-wrap > div.td-transition-content-and-menu > div.td-header-wrap.td-header-container > div.td-header-menu-wrap > div {
width: 100%;
}
#td-outer-wrap > div.td-transition-content-and-menu.td-content-wrap > div.td-header-wrap.td-header-container.td-header-style-7 > div.td-header-row.td-header-header > div > a > img {
width: 1021px;
}
body div#td-outer-wrap div.td-header-wrap.td-header-container.td-header-style-7 div.td-header-row.td-header-top-menu div.td-header-sp-top-menu ul.top-header-menu.td_ul_login li.menu-item {
display: none;
}
body.single div#td-outer-wrap div article div.td-container div.td-post-sharing, div.td-post-sharing.td-post-sharing-top, #td-outer-wrap div.td-module-comments {
display: none;
}
#td-outer-wrap > div.td-transition-content-and-menu.td-content-wrap > div div > div div:nth-child(5) > div > div > div.td-visible-desktop > iframe {
border-left: 5px solid #000;
border-right: 5px solid #000;
border-top: 5px solid #000;
}
#td-outer-wrap div.td-a-rec.td-a-rec-id-sidebar div.td-visible-desktop a img {
border-bottom: 5px solid #000;
border-left: 5px solid #000;
border-right: 5px solid #000;
bottom: 5px;
position: relative;
}
#td-outer-wrap > div.td-transition-content-and-menu.td-content-wrap > div.td-footer-container.td-container > div > div aside.widget.widget_tag_cloud > div.block-title > span, .td-footer-container .block-title > a, .td-footer-container .block-title > span, body div#td-outer-wrap div.td-transition-content-and-menu.td-content-wrap div.td-footer-container.td-container div.td-pb-row div aside.widget.widget_text div.block-title span, div#td-outer-wrap div.td-transition-content-and-menu.td-content-wrap div.td-container.td-pb-article-list div.td-container-border div.td-pb-row div.td-main-content div.td-ss-main-content h4.block-title span, div#td-outer-wrap div.td-transition-content-and-menu.td-content-wrap div.td-container.td-pb-article-list div.td-container-border div.td-pb-row div.td-main-sidebar div.td-ss-main-sidebar aside.widget.widget_archive div.block-title span, div#td-outer-wrap div.wpb_wrapper h2.wpb_heading.wpb_video_heading, body.page div#td-outer-wrap div div.td-container div.td-container-border div.td-main-sidebar div.td-ss-main-sidebar aside.widget.widget_text div.block-title span aside .block-title > a, aside .block-title > span {
background-color: #ee0bcd !important;
color: #faf992 !important;
}
#menu-main-navigation-1 li.menu-item > ul > li.menu-item a {
color: #fff;
font-size: 1rem;
}
#menu-main-navigation-1 li.menu-item > ul > li.menu-item {
background: #ff0099 none repeat scroll 0 0;
}

#td_parallax_header_6 > header > div.meta-info > div.td-post-views, #td_parallax_header_6 > header > div.meta-info > div.td-post-comments, header > div.meta-info > div.td-post-views, header > div.meta-info > div.td-post-comments {
display: none;
}
#td-outer-wrap > div.td-transition-content-and-menu > div.td-header-wrap.td-header-container > div.td-header-menu-wrap > div {
width: 100%;
}
#td-outer-wrap > div.td-transition-content-and-menu.td-content-wrap > div.td-header-wrap.td-header-container.td-header-style-7 > div.td-header-row.td-header-header > div > a > img {
width: 1021px;
}
body div#td-outer-wrap div.td-header-wrap.td-header-container.td-header-style-7 div.td-header-row.td-header-top-menu div.td-header-sp-top-menu ul.top-header-menu.td_ul_login li.menu-item {
display: none;
}
body.single div#td-outer-wrap div article div.td-container div.td-post-sharing, div.td-post-sharing.td-post-sharing-top, #td-outer-wrap div.td-module-comments {
display: none;
}
#td-outer-wrap > div.td-transition-content-and-menu.td-content-wrap > div div > div div:nth-child(5) > div > div > div.td-visible-desktop > iframe {
border-left: 5px solid #000;
border-right: 5px solid #000;
border-top: 5px solid #000;
}
#td-outer-wrap div.td-a-rec.td-a-rec-id-sidebar div.td-visible-desktop a img {
border-bottom: 5px solid #000;
border-left: 5px solid #000;
border-right: 5px solid #000;
bottom: 5px;
position: relative;
}

.td-trending-now-title.block-title,
.td-related-title .td-cur-simple-item
{
background-color: #ee0bcd !important;
color: #faf992 !important
}

@media (max-width: 645px) {
.gphy-embed {
width: 100% !important;
}
}

Hello Andrei,

I have added the code to the respective place show by you. But still no luck. In google Page Speed Insights it still shows the same errors.


$this->move_js_to_footer(‘arevico_scsfbcss’);
$this->move_js_to_footer(‘arevico_scsfb_launch’);
$this->move_js_to_footer(‘arevico_scsfb’);

$this->move_style_to_footer(‘arevico_scsfbcss’);
$this->move_style_to_footer(‘font-awesome-four’);
$this->move_style_to_footer(‘td-plugin-framework’);
$this->move_style_to_footer(‘google_font_open_sans’);
$this->move_style_to_footer(‘google_font_roboto’);
$this->move_style_to_footer(‘nextprev-style’);
$this->move_style_to_footer(‘js_composer_front’);
$this->move_style_to_footer(‘td-theme’);


Let me know what to do now.

Hi Andrei,

I’m using a child team with Newspaper 6.4 and adding that code into my custom CSS doesn’t do anything, can you please advise?

Thanks
FP

Hi

For css files you need to insert the code here: http://screencast.com/t/wX7WdMXHcI and you don’t need to replace the initial code, just add the new lines below. For js files you need to add the code here: http://screencast.com/t/sepdlO1lPFz

Let me know how it goes!

Thanks!

Hi

The theme doesn’t have an option do that, but you can do it using custom css in theme panel > custom css, like this: http://screencast.com/t/MayuCWthvEHd

.td-excerpt{
color: red !important;
}

Thanks!

Hi

The same content you have on your site’s desktop version will be also be present on mobile version, but styled different. You can alter the design using media queries to display an element on different way on mobile devices, for example:

@media (max-width: 767px){
.the-elemnt-class {
css-property: for-mobile;
}
}

Here you can find some useful css information: http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Thanks!

Hi

1. The theme display the default share buttons on post, but you can change that by modifying the code like this:
-social sharing top: http://screencast.com/t/5cOfEKhOvq
-social sharing bottom: http://screencast.com/t/HaYAos2UW14E

2. You can use Wp Text widget http://screencast.com/t/Rj251NC5yOPU to add a new share button but notice that the php code will not be interpreted, you can use only html, js and css, also make sure you insert the code in text format: http://screencast.com/t/woDhLq9Li5 Notice that you may need additional css customization for your buttons. The result could be like here: http://screencast.com/t/Br8L5bpjk

3. The social networks from Theme Panel > Social Networks are adding the corresponding social network icon into theme’s top bar section in front end and will link to the social page you set here: http://screencast.com/t/Nr5yKbQ9Tt – http://screencast.com/t/dpkjL2Nff

Thanks!

Hi

By default the theme hides the top bar, which includes the registration widget, on mobile devices but you can use custom css to display it, so there is no need to pay for a plugin. You can use this custom css in theme panel > custom css section:

@media (max-width: 767px){
.td-header-top-menu {
display: block!important;
}
}
@media (max-width: 767px){
.td-header-sp-top-menu{
left: 15px!important;}
}
@media (max-width: 767px){
.td-header-sp-top-menu .td_data_time{
display: none;
}
}

You can modify the values as you like. The result should be like here: http://screencast.com/t/C3W4NdBXh

Thanks!

• This reply was modified 10 years by Andrei L..

Sorry,
the block is 7 and module 10.
how can I do css?

thanks

Hi

Try this custom css in theme panel > custom css:

.td-footer-wrapper{
padding-top: 14px!important;
}
.td-footer-bottom-full{
padding-top: 10px!important;
}

The result should be like here: http://screencast.com/t/OxiH9gVDUI
Let me know how it goes and provide your site url and more specific details if this is not what you mean.

Thanks!

Probably start by looking at the php templates, like the header.php file… Likely need to find the menu files in the theme includes folder, remove the element and css, functions, and the parts that call other parts.

Or hire a developer.