- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Dear support,
How do I change the CSS of the gradient overlay on post images. At the moment it is too dark on the left side (behind the white text). I would like to make it slightly more lighter.
See the following page:
https://umeaguiden.se/chillimedia-rekryterar-instagramprofil-till-nytt-koncept/
Kind regards,
Peter Johansson
Hi,
On your current header, you can achieve this only with custom css -> https://i.imgur.com/LitDoRm.jpg
.td-header-style-10 .td-header-main-menu {
padding-left: 0px;
}
.td-header-style-10 .td-header-menu-wrap-full{
height: 48px!important;
}
.td-header-style-10 .sf-menu > li > a {
padding: 0px 10px;
color: #fff;
background-color: #444;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-bottom: 1px solid #999999;
}
.sf-menu > li:hover > a:after, .sf-menu > .current-menu-item > a:after{
display: none;
}
.td-header-style-10 .sf-menu > li:hover > a {
color: #68c62d;
background-color: #fff;
}
The code need to be set in theme panel> custom code> custom css
Also there is a new way to achieve this, you can use a cloud header from tagDiv Cloud Library and you can edit it with tagDiv Composer.
Thank you!
Hi,
You can try a different way, but since our theme do not have an option/element for this you need to make it custom, for example in post use a html element -> https://i.imgur.com/2TF2FeX.png
<div class="show-star-data">
<div class="title-data">BIRTHDAY</div>
<div class="info-data">February 18, 2005</div>
</div>
and in theme panel> custom code> custom css set this code ->
.show-star-data{
background-color: #F9F9F9;
width: 300px;
border-bottom: 1px solid #ddd;
padding: 12px 24px;
}
.show-star-data .title-data, .show-star-data .show-star-data{
font-family: sans-serif;
font-size: 10px;
color: #666;
margin-bottom: 0;
text-transform: uppercase;
}
.show-star-data .show-star-data{
font-size: 16px;
line-height: 24px;
}
The results would be -> https://i.imgur.com/uQcQ9SU.png
Thank you!
Hi,
On text with image you can set the class here -> https://i.imgur.com/phnGW4B.pngfor example -> https://i.imgur.com/kAEpjYB.png after that you can use a css like this to set the border on images -> https://i.imgur.com/RI4stl4.png
.class img{
border: 3px solid red;
}
The code need to be set in theme panel> custom code> custom css.
Thank you!
Hi,
Please notice that we take in order of time the topics ( time when was post the question ) to answer the question, and if you post/replay again in your topic the time will change and will be move to recent question, therefore the answer will be delay.
In order to chaage the hover color on the contact form please try this custom css
.page div.wpforms-container .wpforms-form div.wpforms-submit-container button[type=submit]{
background-color: red;
}
In order to have more control over the post design, you can use a single post template from tagDiv Cloud Library and edit it from tagDiv Composer -> https://i.imgur.com/2wuhLCa.png -> https://i.imgur.com/pNtB6gq.png -> https://i.imgur.com/sfI0WNM.png -> https://i.imgur.com/2J93XCq.png -> https://i.imgur.com/bnGupdw.png
Hope this will help you!
Let me know the results!
Thank you!
Hi,
in order to edit the Fast News header you’ll need to import it from tagDiv Cloud Library and edit it with tagDiv Composer, click on the background color of the header and check in the header menu zone in css tag and change the color overlay -> https://i.imgur.com/rnNXdw7.jpg
Thank you!
Hi,
This can be achieve using custom code, you can inspire from here -> https://www.w3schools.com/howto/howto_css_modals.asp the code can be set in text mode inside the posts or in Wp editor text on tagDiv Composer.
Thank you!
Dear users
Is there a way that I can create my custom header layout in html/css ?
I want a header:
– Without any logo in it
OR
– With the logo in the menu . (The perfect example is the header of this forum)
The current header layouts don’t have it. is it possible that I add an extra theme file and modify it myself somewhere?
So that after updating the theme the changes are not overwritten again.
krs
Hi,
Please replace the above custom css whit this one -> https://i.imgur.com/Cc1tTnG.png
.classForFollowUs .block-title{
margin-bottom: 0;
}
This is stronger css and should apply on your title.
Thank you!
Hi TagDiv,
I’m having quite a lot of problems with my site in Internet Explorer 11.
Do you have some recommendations on how to fix it – e.g. via custom css?
My site is here: fundats.dk
Thanks!
thank you for your reply Vlad,
with the Tag Div composer this is all ok !
I meant in the traditionnal wodpress side bar in the widgets tab in the appearance menu. I have only the “genera”l TAB and I’m missing the API and CSS tab. (from what I saw in the screencapture on this forum)
Thank you,
David
Hi, I just bought the theme today and tried to install it on my WP. During installation I got these errors.
Unpacking the package…
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme installation failed.
Can you help please?
I am using Apache with its theme and I have noticed that my instances in AWS are overloaded.
My configuration is with PHP7.3 and I have 256Mb of memory configured, I previously had 512M for php.
My web server is constantly falling despite having a load balancer with 5 instances of 8GB each.
-------------------------------------
/var/log/httpd/error_log
-------------------------------------
mmap() failed: [12] Cannot allocate memory
mmap() failed: [12] Cannot allocate memory
[Mon Feb 17 21:48:21.902158 2020] [php7:error] [pid 3913] [client 172.31.73.248:35628] PHP Fatal error: Out of memory (allocated 18874368) (tried to allocate 40960 bytes) in /var/app/current/wp-content/plugins/td-composer/legacy/common/wp_booster/td_util.php on line 1670, referer: https://lpderecho.pe/
mmap() failed: [12] Cannot allocate memory
mmap() failed: [12] Cannot allocate memory
[Mon Feb 17 21:48:22.037790 2020] [php7:error] [pid 3913] [client 172.31.84.215:56100] PHP Fatal error: Out of memory (allocated 35651584) (tried to allocate 40960 bytes) in /var/app/current/wp-content/plugins/td-composer/legacy/common/wp_booster/td_util.php on line 1670
mmap() failed: [12] Cannot allocate memory
mmap() failed: [12] Cannot allocate memory
mmap() failed: [12] Cannot allocate memory
mmap() failed: [12] Cannot allocate memory
My htacces
# BEGIN W3TC Page Cache core
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{HTTPS} =on
RewriteRule .* - [E=W3TC_SSL:_ssl]
RewriteCond %{SERVER_PORT} =443
RewriteRule .* - [E=W3TC_SSL:_ssl]
RewriteCond %{HTTP:X-Forwarded-Proto} =https [NC]
RewriteRule .* - [E=W3TC_SSL:_ssl]
RewriteCond %{HTTP:Accept-Encoding} gzip
RewriteRule .* - [E=W3TC_ENC:_gzip]
RewriteCond %{HTTP_COOKIE} w3tc_preview [NC]
RewriteRule .* - [E=W3TC_PREVIEW:_preview]
RewriteCond %{REQUEST_METHOD} !=POST
RewriteCond %{QUERY_STRING} =""
RewriteCond %{HTTP_COOKIE} !(comment_author|wp\-postpass|w3tc_logged_out|wordpress_logged_in|wptouch_switch_toggle) [NC]
RewriteCond %{REQUEST_URI} \/$
RewriteCond "%{ENV:PHP_DOCUMENT_ROOT}/wp-content/cache/page_enhanced/%{HTTP_HOST}/%{REQUEST_URI}/_index%{ENV:W3TC_SSL}%{ENV:W3TC_PREVIEW}.html%{ENV:W3TC_ENC}" -f
RewriteRule .* "/wp-content/cache/page_enhanced/%{HTTP_HOST}/%{REQUEST_URI}/_index%{ENV:W3TC_SSL}%{ENV:W3TC_PREVIEW}.html%{ENV:W3TC_ENC}" [L]
</IfModule>
# END W3TC Page Cache core
# BEGIN W3TC Browser Cache
<IfModule mod_mime.c>
AddType text/css .css
AddType text/x-component .htc
AddType application/x-javascript .js
AddType application/javascript .js2
AddType text/javascript .js3
AddType text/x-js .js4
AddType video/asf .asf .asx .wax .wmv .wmx
AddType video/avi .avi
AddType image/bmp .bmp
AddType application/java .class
AddType video/divx .divx
AddType application/msword .doc .docx
AddType application/vnd.ms-fontobject .eot
AddType application/x-msdownload .exe
AddType image/gif .gif
AddType application/x-gzip .gz .gzip
AddType image/x-icon .ico
AddType image/jpeg .jpg .jpeg .jpe
AddType image/webp .webp
AddType application/json .json
AddType application/vnd.ms-access .mdb
AddType audio/midi .mid .midi
AddType video/quicktime .mov .qt
AddType audio/mpeg .mp3 .m4a
AddType video/mp4 .mp4 .m4v
AddType video/mpeg .mpeg .mpg .mpe
AddType video/webm .webm
AddType application/vnd.ms-project .mpp
AddType application/x-font-otf .otf
AddType application/vnd.ms-opentype ._otf
AddType application/vnd.oasis.opendocument.database .odb
AddType application/vnd.oasis.opendocument.chart .odc
AddType application/vnd.oasis.opendocument.formula .odf
AddType application/vnd.oasis.opendocument.graphics .odg
AddType application/vnd.oasis.opendocument.presentation .odp
AddType application/vnd.oasis.opendocument.spreadsheet .ods
AddType application/vnd.oasis.opendocument.text .odt
AddType audio/ogg .ogg
AddType application/pdf .pdf
AddType image/png .png
AddType application/vnd.ms-powerpoint .pot .pps .ppt .pptx
AddType audio/x-realaudio .ra .ram
AddType image/svg+xml .svg .svgz
AddType application/x-shockwave-flash .swf
AddType application/x-tar .tar
AddType image/tiff .tif .tiff
AddType application/x-font-ttf .ttf .ttc
AddType application/vnd.ms-opentype ._ttf
AddType audio/wav .wav
AddType audio/wma .wma
AddType application/vnd.ms-write .wri
AddType application/font-woff .woff
AddType application/font-woff2 .woff2
AddType application/vnd.ms-excel .xla .xls .xlsx .xlt .xlw
AddType application/zip .zip
</IfModule>
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/css A31536000
ExpiresByType text/x-component A31536000
ExpiresByType application/x-javascript A31536000
ExpiresByType application/javascript A31536000
ExpiresByType text/javascript A31536000
ExpiresByType text/x-js A31536000
ExpiresByType video/asf A31536000
ExpiresByType video/avi A31536000
ExpiresByType image/bmp A31536000
ExpiresByType application/java A31536000
ExpiresByType video/divx A31536000
ExpiresByType application/msword A31536000
ExpiresByType application/vnd.ms-fontobject A31536000
ExpiresByType application/x-msdownload A31536000
ExpiresByType image/gif A31536000
ExpiresByType application/x-gzip A31536000
ExpiresByType image/x-icon A31536000
ExpiresByType image/jpeg A31536000
ExpiresByType image/webp A31536000
ExpiresByType application/json A31536000
ExpiresByType application/vnd.ms-access A31536000
ExpiresByType audio/midi A31536000
ExpiresByType video/quicktime A31536000
ExpiresByType audio/mpeg A31536000
ExpiresByType video/mp4 A31536000
ExpiresByType video/mpeg A31536000
ExpiresByType video/webm A31536000
ExpiresByType application/vnd.ms-project A31536000
ExpiresByType application/x-font-otf A31536000
ExpiresByType application/vnd.ms-opentype A31536000
ExpiresByType application/vnd.oasis.opendocument.database A31536000
ExpiresByType application/vnd.oasis.opendocument.chart A31536000
ExpiresByType application/vnd.oasis.opendocument.formula A31536000
ExpiresByType application/vnd.oasis.opendocument.graphics A31536000
ExpiresByType application/vnd.oasis.opendocument.presentation A31536000
ExpiresByType application/vnd.oasis.opendocument.spreadsheet A31536000
ExpiresByType application/vnd.oasis.opendocument.text A31536000
ExpiresByType audio/ogg A31536000
ExpiresByType application/pdf A31536000
ExpiresByType image/png A31536000
ExpiresByType application/vnd.ms-powerpoint A31536000
ExpiresByType audio/x-realaudio A31536000
ExpiresByType image/svg+xml A31536000
ExpiresByType application/x-shockwave-flash A31536000
ExpiresByType application/x-tar A31536000
ExpiresByType image/tiff A31536000
ExpiresByType application/x-font-ttf A31536000
ExpiresByType application/vnd.ms-opentype A31536000
ExpiresByType audio/wav A31536000
ExpiresByType audio/wma A31536000
ExpiresByType application/vnd.ms-write A31536000
ExpiresByType application/font-woff A31536000
ExpiresByType application/font-woff2 A31536000
ExpiresByType application/vnd.ms-excel A31536000
ExpiresByType application/zip A31536000
</IfModule>
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/richtext text/plain text/xsd text/xsl text/xml image/bmp application/java application/msword application/vnd.ms-fontobject application/x-msdownload image/x-icon application/json application/vnd.ms-access video/webm application/vnd.ms-project application/x-font-otf application/vnd.ms-opentype application/vnd.oasis.opendocument.database application/vnd.oasis.opendocument.chart application/vnd.oasis.opendocument.formula application/vnd.oasis.opendocument.graphics application/vnd.oasis.opendocument.presentation application/vnd.oasis.opendocument.spreadsheet application/vnd.oasis.opendocument.text audio/ogg application/pdf application/vnd.ms-powerpoint image/svg+xml application/x-shockwave-flash image/tiff application/x-font-ttf application/vnd.ms-opentype audio/wav application/vnd.ms-write application/font-woff application/font-woff2 application/vnd.ms-excel
<IfModule mod_mime.c>
# DEFLATE by extension
AddOutputFilter DEFLATE js css htm html xml
</IfModule>
</IfModule>
<FilesMatch "\.(css|htc|less|js|js2|js3|js4|CSS|HTC|LESS|JS|JS2|JS3|JS4)$">
FileETag MTime Size
<IfModule mod_headers.c>
Header unset Set-Cookie
</IfModule>
</FilesMatch>
<FilesMatch "\.(html|htm|rtf|rtx|txt|xsd|xsl|xml|HTML|HTM|RTF|RTX|TXT|XSD|XSL|XML)$">
FileETag MTime Size
</FilesMatch>
<FilesMatch "\.(asf|asx|wax|wmv|wmx|avi|bmp|class|divx|doc|docx|eot|exe|gif|gz|gzip|ico|jpg|jpeg|jpe|webp|json|mdb|mid|midi|mov|qt|mp3|m4a|mp4|m4v|mpeg|mpg|mpe|webm|mpp|otf|_otf|odb|odc|odf|odg|odp|ods|odt|ogg|pdf|png|pot|pps|ppt|pptx|ra|ram|svg|svgz|swf|tar|tif|tiff|ttf|ttc|_ttf|wav|wma|wri|woff|woff2|xla|xls|xlsx|xlt|xlw|zip|ASF|ASX|WAX|WMV|WMX|AVI|BMP|CLASS|DIVX|DOC|DOCX|EOT|EXE|GIF|GZ|GZIP|ICO|JPG|JPEG|JPE|WEBP|JSON|MDB|MID|MIDI|MOV|QT|MP3|M4A|MP4|M4V|MPEG|MPG|MPE|WEBM|MPP|OTF|_OTF|ODB|ODC|ODF|ODG|ODP|ODS|ODT|OGG|PDF|PNG|POT|PPS|PPT|PPTX|RA|RAM|SVG|SVGZ|SWF|TAR|TIF|TIFF|TTF|TTC|_TTF|WAV|WMA|WRI|WOFF|WOFF2|XLA|XLS|XLSX|XLT|XLW|ZIP)$">
FileETag MTime Size
<IfModule mod_headers.c>
Header unset Set-Cookie
</IfModule>
</FilesMatch>
<FilesMatch "\.(bmp|class|doc|docx|eot|exe|ico|json|mdb|webm|mpp|otf|_otf|odb|odc|odf|odg|odp|ods|odt|ogg|pdf|pot|pps|ppt|pptx|svg|svgz|swf|tif|tiff|ttf|ttc|_ttf|wav|wri|woff|woff2|xla|xls|xlsx|xlt|xlw|BMP|CLASS|DOC|DOCX|EOT|EXE|ICO|JSON|MDB|WEBM|MPP|OTF|_OTF|ODB|ODC|ODF|ODG|ODP|ODS|ODT|OGG|PDF|POT|PPS|PPT|PPTX|SVG|SVGZ|SWF|TIF|TIFF|TTF|TTC|_TTF|WAV|WRI|WOFF|WOFF2|XLA|XLS|XLSX|XLT|XLW)$">
<IfModule mod_headers.c>
Header unset Last-Modified
</IfModule>
</FilesMatch>
<IfModule mod_headers.c>
Header set Referrer-Policy "no-referrer-when-downgrade"
</IfModule>
# END W3TC Browser Cache
# BEGIN W3TC CDN
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
# END W3TC CDN
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress
<IfModule mod_substitute.c>
SubstituteMaxLineLength 10M
</IfModule>
Hi,
@silverspork Are you using a footer page? plugins may detect it and display their content there as well. Or does it appear doubled right after the post content?
One solution would be to remove the extra content with CSS, I could give it a try if you should consider it, provide a link to where this happens.
Thanks
Hi,
From what I can see the header looks like this on desktop – https://prnt.sc/r3j7ki
On mobile I see you have activated the mobile theme, so the mobile theme header will be displayed – https://prnt.sc/r3j94j but I see it looks broken. Are you using any custom CSS in the theme panel? Please check.
If there is no custom CSS, then we could take a closer look at it. Send us an email at contact@tagdiv.com and provide admin login. Include a link to this topic in the email.
Thanks
Hi,
The top menu won’t be displayed on mobile, for the predefined header templates. I could provide a code to make it visible if that is what you want, it will look like this – https://prnt.sc/r3iszd
Here is the code – https://pastebin.com/bzD7vxpP it can be entered in the custom CSS section of the theme panel.
Or you can use a cloud header template, and design it as you want for mobile
– https://forum.tagdiv.com/header-styles/
– https://tagdiv.com/newspaper-theme-customize-the-header-manager/
Thanks
Hello !
You can achieve that by setting up a footer template from the cloud library and as you can see here: https://forum.tagdiv.com/footer-templates/ And after adding the adbox element you will be able to set the css sizes as you can see here: https://www.screencast.com/t/1keXd2PFmb
Thank you !
Hi Tag Div team,
I have a problem with the weather widget of the side bar. I realized that I have only one tab, the general one on the widget. (no tab fort the api key, no css tab).
Do I have to re-intall it ?
thanks,
David
Sorry for the stupid question: I can’t change color of search element here – https://www.screencast.com/t/gDVqUMRE
I’ve added in the Custom CSS this class
a {
color: #dd3333;
}
it works good for test – red color,
But I can’t reach drop-down arrow to white color
I tried this one:
a .td-header-search-button
{
color:white;
}
it doesn’t work for me 🙂
THANK YOU !!
You found the right option. Thanks for your dedication. Your support team is great!
This is how look my prototype so far : https://tinyurl.com/trq99es well done
In a perfect world, I would like to display 6 Posts (from Post Lop) on the Home Page and 12 Posts on page 2, 12 Post on page 3, etc.
Is it possible?
If yes, how can I achieve that?
Is there any custom CSS to do that?
Thank you very much.
Hi,
Add an extra class and set on it in Theme panel this custom css -> https://i.imgur.com/1qGfP0K.png -> https://i.imgur.com/HK7uUcZ.png
you can change the name of the class
.classForFollowUs{
margin-bottom: 0;
}
The results should be -> https://i.imgur.com/AeevR9J.png
Thank you!
Hi,
So I think that you want to use a page as menu -> https://forum.tagdiv.com/page-menu/ also in order to have 4 columns you can use a custom html -> https://www.w3schools.com/howto/howto_css_four_columns.asp or you can use tagDiv Composer set the row layout in 4 -> https://i.imgur.com/I3auuXI.pngand set the elements you want in each column.
Hope this will help you!
Thank you!
Hi,
You can use this custom css -> https://i.imgur.com/pq7z0aO.png
.td-scroll-up {
bottom: 84px;
}
Also the code can be set in theme panel> custom code> custom css.
Thank you!
Hi,
As I can see you already have some ads in your blog articles -> https://i.imgur.com/o2qUjzB.png this can be adjusted with some custom css -> https://i.imgur.com/rbrZ6Vy.png. Unfortunately using our theme you’ll not be able to set more ads, only if you build a new homepage.
Or maybe you can find a plugin that can insert the ads.
Thank you!
Hi,
You can use a title element to achieve this -> https://ibb.co/ZGcm42X after that I will help you with a custom css to adjust the title position. Just let me know when I can start to investigate the social title.
Thank you!
