• Resolved fedeisalovati

    (@fedeisalovati)


    Hi there!
    Thank you for this theme!
    I need some help with css code:

    1.I think I’ve deleted the social links position for the menu, because I can’t place my social icons before the title of my blog. I can only display them in the main menu on the right. How can I display them on top above the title blog?

    2.Is it possible to have feature post images in a different way? I would like them to be displayed vertically instead of horizontally.

    3.In mobile version I’ve noticed the content of my posts is aligned to right and I don’t know why. It’s supposed to fit the screen but it doesn’t.

    4.Also, if I would place under blog/post title some custom lines (I would like to use vectors lines), what’s the code I have to add? I know I’m not so clear with the explanation, I’m sorry, I’m not a native speaker.

    Thank you in advance for your time!

    • This topic was modified 6 years, 4 months ago by fedeisalovati.

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • Hi there,
    1. Try this

    header .site-tools {
        position: absolute;
        right: 0px;
        width: auto;
        top: 0;
        left: 0;
        margin: auto;
        width: 200px;
     
        text-align: center;
    }
    header .site-tools li {
        float:none;
        display:inline-block;
    }
    header .site-tools .socials {
        float:none;
    }

    in your custom CSS box to add them before the logo.
    2. You will need to open functions.php and change

    
    	set_post_thumbnail_size( 665, 435, true );

    with

    
    	set_post_thumbnail_size( 665, 99999, true );

    Open the default editor and then navigate to the /themes/olsenlight/ folder to find the file.
    then install the Regenerate thumbnails plugin, activate it and go to Tools – Regen. Thumbnails to run a regeneration in order for the change to be applied.
    3. Some custom css is causing this.
    Add this

    @media(max-width:991px) {
        .single-post #site-content > .row > .col-md-8 {
            margin-left:0px;
        }
    }

    in your custom CSS box in the end.

    4. Try this

    .entry-title:after {
        content:'';
        background:url(your-image.svg);
        width:100%;
        height:20px;
        display:block;
        left:0;
    }

    in your custom CSS box replacing with your image/vector when referred.

    Let me know if you need additional help on this.

    Thread Starter fedeisalovati

    (@fedeisalovati)

    Thank you for your reply!
    I did your solutions and:

    1-2. It worked perfectly! Many many thanks! ??
    3. It works for the mobile theme, but it works also for the desktop theme, which I want to be the one I’ve setted now.
    4. Maybe I’ve used the wrong media (I’ve tried a line just to see the results), but I can only see a little part of it. I’ve surely made some mistake.

    Thank you for the help!

    Edit:
    I’ve found in the desktop theme that next/prev buttons are collapsed to the footer. I’ve made a screenshot of this: https://prnt.sc/kaxc9i How can I do?

    • This reply was modified 6 years, 4 months ago by fedeisalovati.

    Hello!

    For #4 try using this CSS instead

    .entry-title:after {
    	content: '';
    	background: url(https://thepocketroamer.com/arrow-2/);
    	height: 30px;
    	width: 185px;
    	display: block;
    	background-size: contain;
    	margin: 0 auto;
    }

    Regarding #3 I see that you have removed the styling, could you please add it again so we can check out why it’s not working properly?

    Finally, did you fix the pagination button overlap issue? Because it looks fine on my browser here.

    Thread Starter fedeisalovati

    (@fedeisalovati)

    Hi!
    Thank you for the help!

    Now #3 is ok now, the code is working fine!

    And for #4 it worked perfectly aas I wanted!

    But still I have the pagination button issue and I don’t know why. I use browser chrome, but before code changes it was all ok.

    Could you please give us a URL where we can see this issue? I tried visiting both your homepage and a couple of your posts and I do not see the overlap in the previous/next buttons.

    Thread Starter fedeisalovati

    (@fedeisalovati)

    I see the issue in the home page actually. Only there. https://thepocketroamer.com/
    I don’t know if it’s a problem of chrome, because when I use Firefox the issue don’t shows up.

    Can I ask another question about 1#? Is it possible to have a bigger size of the icon without touching social share icons in posts?

    And when I open the archive page of a category/tag is it possible to see the title page with the name of the category? If not I’ll keep it as it is now.

    Thank you for the help, I very appreciate it!

    Hi there,
    try this

    .site-tools li a{
     font-size:20px;   
    }
    .site-logo{
     padding-top:50px;   
    }

    in your custom CSS box.
    Can you try this https://www.ads-software.com/support/topic/footer-menu-overlaps-comment-submission/
    for the pagination and let me know if this helps?

    Thread Starter fedeisalovati

    (@fedeisalovati)

    It worked! Now with the height: auto pagination is perfect!

    And also the code for the icon size worked!

    Thank you for your patience and the help with the code, I really appreciate it!
    I will mark this thread as resolved, many many thanks!

    • This reply was modified 6 years, 4 months ago by fedeisalovati.

    Glad I could help!
    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!

    Thread Starter fedeisalovati

    (@fedeisalovati)

    Done! ??
    Thank you again for the support! ??

    Thank you for your feedback!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Lost social media links and other questions’ is closed to new replies.