Post Title in Slider

Hey,

1 more question please.

3. can we change the header menu font and size in Desktop version only. As the desktop screens are wide the header menu seems to be barely readable.

Regards

Hi there,
1. I noticed you have removed the titles from the slider. Have you resolved this?

2.you can try this

.socials li:nth-of-type(2) a {
color: red! important;
background: blue! important;
}

to change the color of each one of you social icons. Change 2 to the icon order you want to change.

3. Try this

@media(min-width:768px){
.navigation > li > a{
font-size:17px;
}
}

in your custom CSS box replacing 17 with your preference.
Let me know if this works

Hey,

can i freeze panes at header menu on scroll down??

Thanks

Hi there,
I am afraid this is not possible natively. You could try a third party plugin that might provide this kind of functionality, but currently I dont know any that will work out of the box.

I’d like to ask you, if you like the theme and could take a minute to review it here it would help us a lot!

• This reply was modified 6 years, 11 months ago by Fotis.

Hey,

i will try to find a plugin for the same.

I did the coloring part on social media icons but what is happening is i am not able to create a exact original like replica. For Example: Instagram has shape and a different color pattern. Is it possible we import the logo from a page or like native social media icons.

Reviewed:5+
Regards

Thank you!
You can use actually icons replacing the ones originally there
So try this

.socials li:nth-of-type(2) a i:before {
    width: 16px;
    height: 16px;
    background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Instagram_logo_2016.svg/1200px-Instagram_logo_2016.svg.png);
    content: '';
    background-size: cover;
    top: 3px;
    left: 0;
    position: relative;
    display: block;
}

for example but replace the logo you want. You can change 16px to your preference also for width and height.
Let me know if this works

Hey,

the icon is overlapping the previous one. Css attached for reference

/*
You can add your own CSS here.

Click the help icon above to learn more.
*/
body, .entry-content p{
font-size:16px;
}

h3.widget-title{
font-size:20px;
}
h2.entry-title{
font-size:30px;
}
#footer .navigation > li {
float: none;
display: inline-block;
}
#footer .navigation {
text-align: center
}

.page-template .col-md-8.col-md-offset-2 {
margin: 0;
width: 100%;
}

header .site-tools {
width: 65%;
position: absolute;
top: 62px;
right: 20px;
}

.site-logo {
padding: 30px 0;
text-align: left;
}

.aligncenter{
margin:0;
}

.socials li a i{
font-size:22px;
}

@media(min-width:991px) {
header .site-bar .nav { width: 100%; }
header .site-tools { position: absolute; right: 5px; width: auto; }
header .navigation { text-align: center; }
header .navigation li { display: inline-block; float: none; }
}

.entry-utils .socials li:nth-of-type(2) a{
background:white;
border-radius:99%;
width:30px;
height:30px;
text-align:center;
color:#0084b4;
font-size:20px;
line-height:20px;
}

.entry-utils .socials li:nth-of-type(1) a{
background:#3B5998;
border-radius:99%;
width:30px;
height:30px;
text-align:center;
color:#fff;
font-size:20px;
line-height:20px;
}

.entry-utils .socials li:nth-of-type(3) a{
background:#d34836;
border-radius:99%;
width:30px;
height:30px;
text-align:center;
color:#fff;
font-size:20px;
line-height:20px;
}

.entry-utils .socials li:nth-of-type(4) a{
background: #c8232c;
border-radius:99%;
width:30px;
height:30px;
text-align:center;
color:#fff;
font-size:20px;
line-height:20px;
}

@media(max-width:767px) {
.site-bar .site-tools {
margin-top: 40px;
text-align: left;
}
}

.mm-navbar.mm-navbar-top.mm-navbar-top-1 {
font-size: 12px;
overflow: hidden;
line-height: 1.1;
}

@media(max-width:768px) {
header .site-tools {
position: relative;
margin: 0;
top: -10px;
left: 0;
right: 0;
}
.socials li a i {
font-size: 12px
}
}

.site-logo{
padding-bottom:0;
}

@media(min-width:768px){
.navigation > li > a{
font-size:14px;

}
}

.socials li:nth-of-type(2) a {
color: #1dcaff! important;
background: white! important;
}

.socials li:nth-of-type(1) a {
color: #3B5998! important;
background: white! important;

}

.socials li:nth-of-type(4) a {
color: #dd4b39! important;
background: white! important;
}

.socials li:nth-of-type(5) a {
color: #0077B5! important;
background: white! important;

}

.socials li:nth-of-type(3) a {
color: #dd4b39! important;
background: white! important;

}

hey.

i downloaded the plugin and have tried all combinations to be written in sticky element but havent been able to freeze panes on header menu in desktop.

what should be the call phrase in sticky element for header menu?

Thanks

Hi,
you can try the css recommendation but you will have to remove any previous one.
Can you add it with your icon set and let m know?

Also, try this
header .side-bar
for your navigation bar

Hey,

i was able to do it for instagram as the link shared by you. Apparently all the remaining links i generated or copied for remaining social media handles are not working.

can you please help how do i generate those

please have a look at the URL

https://ibb.co/dKOUmc

Sticky element Column…

Hi there,
I am afraid that plugin will not work. Perhaps you could notify them for more help on this.

Do you have any other icon image you can use?

for example, you can add this

.socials li:nth-of-type(3) a i:before {
    width: 16px;
    height: 16px;
    background: url(replace-with-your-icon-image-URL);
    content: '';
    background-size: cover;
    top: 3px;
    left: 0;
    position: relative;
    display: block;
}

for the Google Plus and replace with a icon url.
Do this fall all other items.

The post title if and when displayed in the slider seems to covering the entire area. any way we can change the font size and space coverage.

Hi there,
currently I cannot see any titles in your slider. Have you removed them?

Yes, I have removed them.

I wish to lower the white square size and probably darken the text a little in the post title box in slider.